From 30540212562125b48623aa8a846b2a9bbb987b48 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Anne=20L=27H=C3=B4te?= <anne.lhote@gmail.com>
Date: Fri, 2 Feb 2024 11:44:17 +0100
Subject: [PATCH] feat(export): New files name

---
 .../src/components/button-dropdown/index.jsx  |  9 +++--
 .../src/components/button-dropdown/index.scss |  3 +-
 client/src/pages/actions.jsx                  |  6 +--
 client/src/utils/file.js                      | 40 +++++++++++++++----
 4 files changed, 42 insertions(+), 16 deletions(-)

diff --git a/client/src/components/button-dropdown/index.jsx b/client/src/components/button-dropdown/index.jsx
index 551cb79d..d5449867 100644
--- a/client/src/components/button-dropdown/index.jsx
+++ b/client/src/components/button-dropdown/index.jsx
@@ -6,7 +6,7 @@ import { export2Csv, export2FosmCsv, export2jsonl } from '../../utils/file';
 
 import './index.scss';
 
-export default function ButtonDropdown({ data, label }) {
+export default function ButtonDropdown({ data, label, searchParams }) {
   return (
     <div className={`dropdown ${data.length > 0 ? 'enabled' : 'disabled'}`}>
       <Button
@@ -20,20 +20,20 @@ export default function ButtonDropdown({ data, label }) {
       </Button>
       <div className="dropdown-content">
         <Button
-          onClick={() => export2Csv({ data, label })}
+          onClick={() => export2Csv({ data, label, searchParams })}
           size="sm"
         >
           Export in CSV (minimal data)
         </Button>
         <Button
-          onClick={() => export2jsonl({ data, label })}
+          onClick={() => export2jsonl({ data, label, searchParams })}
           size="sm"
         >
           Export in JSONL (complete data)
         </Button>
         {label === 'publications' && (
           <Button
-            onClick={() => export2FosmCsv(data)}
+            onClick={() => export2FosmCsv({ data })}
             size="sm"
           >
             Custom export for French OSM
@@ -47,4 +47,5 @@ export default function ButtonDropdown({ data, label }) {
 ButtonDropdown.propTypes = {
   data: PropTypes.array.isRequired,
   label: PropTypes.string.isRequired,
+  searchParams: PropTypes.object.isRequired,
 };
diff --git a/client/src/components/button-dropdown/index.scss b/client/src/components/button-dropdown/index.scss
index 8618fd46..f9dc89fc 100644
--- a/client/src/components/button-dropdown/index.scss
+++ b/client/src/components/button-dropdown/index.scss
@@ -1,6 +1,7 @@
 .dropdown {
   display: inline-block;
   position: relative;
+  z-index: 2;
 
   .dropdown-content {
     display: none;
@@ -10,6 +11,6 @@
   }
 }
 
-.dropdown:hover .dropdown-content {
+.dropdown.enabled:hover .dropdown-content {
   display: block;
 }
\ No newline at end of file
diff --git a/client/src/pages/actions.jsx b/client/src/pages/actions.jsx
index 5757863d..6479919b 100644
--- a/client/src/pages/actions.jsx
+++ b/client/src/pages/actions.jsx
@@ -18,7 +18,7 @@ export default function Actions({
   setAllPublications,
   tagAffiliations,
 }) {
-  const [, setSearchParams] = useSearchParams();
+  const [searchParams, setSearchParams] = useSearchParams();
   const [displayFileUpload, setDisplayFileUpload] = useState(false);
 
   const decidedAffiliations = allAffiliations.filter((affiliation) => affiliation.status !== status.tobedecided.id);
@@ -51,8 +51,8 @@ export default function Actions({
           <Tooltip id="restore-affiliations-button">
             Restore affiliations from saved file
           </Tooltip>
-          <ButtonDropdown data={allDatasets} label="datasets" />
-          <ButtonDropdown data={allPublications} label="publications" />
+          <ButtonDropdown data={allDatasets} label="datasets" searchParams={searchParams} />
+          <ButtonDropdown data={allPublications} label="publications" searchParams={searchParams} />
         </Col>
       </Row>
       {displayFileUpload && (
diff --git a/client/src/utils/file.js b/client/src/utils/file.js
index b48972f1..fbc64417 100644
--- a/client/src/utils/file.js
+++ b/client/src/utils/file.js
@@ -1,6 +1,31 @@
 import { status } from '../config';
 
-const export2FosmCsv = (allPublications) => {
+const hashCode = (str) => {
+  let hash = 0;
+  if (str.length === 0) return hash;
+  for (let i = 0; i < str.length; i += 1) {
+    const chr = str.charCodeAt(i);
+    // eslint-disable-next-line no-bitwise
+    hash = ((hash << 5) - hash) + chr;
+    // eslint-disable-next-line no-bitwise
+    hash |= 0; // Convert to 32bit integer
+  }
+  // return positive numbers only
+  return hash + 2147483647 + 1;
+};
+
+const getFileName = ({ extension, label, searchParams }) => {
+  let fileName = 'works_finder';
+  fileName += label ? `_${label}` : '';
+  fileName += `_${hashCode(searchParams.get('affiliations'))}`;
+  fileName += `_${searchParams.get('startYear')}`;
+  fileName += `_${searchParams.get('endYear')}`;
+  fileName += `_${Date.now()}`;
+  fileName += `.${extension}`;
+  return fileName;
+};
+
+const export2FosmCsv = ({ data: allPublications }) => {
   const csvHeader = ['doi', 'hal_id', 'nnt_id'].join(';');
   const validatedPublications = allPublications.filter((publication) => publication.status === status.validated.id);
   const getValue = (row, idType) => {
@@ -29,7 +54,7 @@ const export2FosmCsv = (allPublications) => {
   document.body.removeChild(link);
 };
 
-const export2Csv = ({ data, label }) => {
+const export2Csv = ({ data, label, searchParams }) => {
   data.forEach((work) => {
     work.allIds?.forEach((id) => {
       work[id.id_type] = id.id_value;
@@ -41,7 +66,6 @@ const export2Csv = ({ data, label }) => {
     delete work.authors;
     delete work.datasource;
     delete work.id;
-    return work;
   });
   const headers = Object.keys(data?.[0] ?? {});
   const csvFile = [
@@ -50,27 +74,27 @@ const export2Csv = ({ data, label }) => {
   ].map((e) => e.join(',')).join('\n');
   const link = document.createElement('a');
   link.href = URL.createObjectURL(new Blob([csvFile], { type: 'text/csv;charset=utf-8' }));
-  const fileName = label ? `works-finder-${label}.csv` : 'works-finder.csv';
+  const fileName = getFileName({ extension: 'csv', label, searchParams });
   link.setAttribute('download', fileName);
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
 };
 
-const export2json = ({ data, label }) => {
+const export2json = ({ data, label, searchParams }) => {
   const link = document.createElement('a');
   link.href = URL.createObjectURL(new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }));
-  const fileName = label ? `works-finder-${label}.json` : 'works-finder.json';
+  const fileName = getFileName({ extension: 'json', label, searchParams });
   link.setAttribute('download', fileName);
   document.body.appendChild(link);
   link.click();
   document.body.removeChild(link);
 };
 
-const export2jsonl = ({ data, label }) => {
+const export2jsonl = ({ data, label, searchParams }) => {
   const link = document.createElement('a');
   link.href = URL.createObjectURL(new Blob([data.map(JSON.stringify).join('\n')], { type: 'application/jsonl+json' }));
-  const fileName = label ? `works-finder-${label}.jsonl` : 'works-finder.jsonl';
+  const fileName = getFileName({ extension: 'jsonl', label, searchParams });
   link.setAttribute('download', fileName);
   document.body.appendChild(link);
   link.click();