feat: duplicate spreadsheet column (#3034)

Signed-off-by: Abdelsalem <[email protected]>
Co-authored-by: achour94 <[email protected]>

Author: AbdelHedhili

src/components/spreadsheet-view/columns/column-menu.tsx

@@ -17,10 +17,11 @@ import { UUID } from 'crypto';
 import { SpreadsheetTabDefinition } from 'components/spreadsheet-view/types/spreadsheet.type';
 import ColumnCreationDialog from './column-creation-dialog';
 import { AppState } from 'redux/reducer';
-import { deleteSpreadsheetColumn } from 'services/study/study-config';
+import { deleteSpreadsheetColumn, duplicateSpreadsheetColumn } from 'services/study/study-config';
 
 const UPDATE = 'UPDATE';
 const DELETE = 'DELETE';
+const DUPLICATE = 'DUPLICATE';
 
 const CUSTOM_COLUMNS_MENU_DEFINITION = [
     {
@@ -31,6 +32,10 @@ const CUSTOM_COLUMNS_MENU_DEFINITION = [
         id: DELETE,
         label: 'spreadsheet/custom_column/delete_custom_column',
     },
+    {
+        id: DUPLICATE,
+        label: 'spreadsheet/custom_column/duplicate_custom_column',
+    },
 ];
 
 export interface ColumnMenuProps extends DialogMenuProps {
@@ -59,6 +64,19 @@ export const ColumnMenu: FunctionComponent<ColumnMenuProps> = ({
     const [confirmationDialogOpen, setConfirmationDialogOpen] = useState(false);
     const dispatch = useDispatch<AppDispatch>();
 
+    const handleDuplicate = useCallback(() => {
+        if (studyUuid && columnDefinition?.id) {
+            duplicateSpreadsheetColumn(studyUuid, spreadsheetConfigUuid, columnDefinition.uuid)
+                .then()
+                .catch((error) => {
+                    snackError({
+                        messageTxt: error.message,
+                        headerId: 'spreadsheet/custom_column/duplicate_column_error',
+                    });
+                });
+        }
+    }, [columnDefinition, studyUuid, spreadsheetConfigUuid, snackError]);
+
     const handleMenuItemClick = useCallback(
         (option: { id: string; label: string }) => {
             onClose();
@@ -69,9 +87,12 @@ export const ColumnMenu: FunctionComponent<ColumnMenuProps> = ({
                 case DELETE:
                     setConfirmationDialogOpen(true);
                     break;
+                case DUPLICATE:
+                    handleDuplicate();
+                    break;
             }
         },
-        [dialogOpen, onClose]
+        [dialogOpen, onClose, handleDuplicate]
     );
 
     const handleValidate = useCallback(() => {
@@ -89,7 +110,7 @@ export const ColumnMenu: FunctionComponent<ColumnMenuProps> = ({
                 .catch((error) => {
                     snackError({
                         messageTxt: error.message,
-                        headerTxt: 'spreadsheet/custom_column/delete_column_error',
+                        headerId: 'spreadsheet/custom_column/delete_column_error',
                     });
                 });
         }

src/services/study/study-config.ts

@@ -105,6 +105,16 @@ export function deleteSpreadsheetColumn(studyUuid: UUID, spreadsheetModelUuid: U
     });
 }
 
+export function duplicateSpreadsheetColumn(studyUuid: UUID, spreadsheetModelUuid: UUID, columnUuid: UUID) {
+    const url = `${getStudyUrl(studyUuid)}/spreadsheet-config/${spreadsheetModelUuid}/columns/${columnUuid}/duplicate`;
+    return backendFetchJson(url, {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+        },
+    });
+}
+
 export function createSpreadsheetColumn(studyUuid: UUID, spreadsheetModelUuid: UUID, column: any) {
     const url = `${getStudyUrl(studyUuid)}/spreadsheet-config/${spreadsheetModelUuid}/columns`;
     return backendFetchJson(url, {

src/translations/spreadsheet-en.ts

@@ -24,8 +24,10 @@ const spreadsheetEn = {
         'Column ID must not contain spaces, special characters or start with a number',
     'spreadsheet/custom_column/error/id_le_60': 'Column ID must be at most 60 characters',
     'spreadsheet/custom_column/error/name_le_60': 'Column name must be at most 60 characters',
-    'spreadsheet/custom_column/update_custom_column': 'Update column',
-    'spreadsheet/custom_column/delete_custom_column': 'Delete column',
+    'spreadsheet/custom_column/update_custom_column': 'Update',
+    'spreadsheet/custom_column/delete_custom_column': 'Delete',
+    'spreadsheet/custom_column/duplicate_custom_column': 'Duplicate',
+    'spreadsheet/custom_column/duplicate_column_error': 'Error while duplicating column',
     'spreadsheet/custom_column/delete_custom_column_confirmation':
         'Are you sure you want to delete the column "{columnName}"?',
     'spreadsheet/custom_column/delete_column_error': 'Error while deleting column',

src/translations/spreadsheet-fr.ts

@@ -24,8 +24,10 @@ const spreadsheetFr = {
         'Un ID de colonne ne doit contenir ni espace ni caractère spécial et ne doit pas commencer par un chiffre',
     'spreadsheet/custom_column/error/id_le_60': 'Un ID de colonne ne peut dépasser 60 caractères',
     'spreadsheet/custom_column/error/name_le_60': 'Un nom de colonne ne peut dépasser 60 caractères',
-    'spreadsheet/custom_column/update_custom_column': 'Modifier colonne',
-    'spreadsheet/custom_column/delete_custom_column': 'Supprimer colonne',
+    'spreadsheet/custom_column/update_custom_column': 'Modifier',
+    'spreadsheet/custom_column/delete_custom_column': 'Supprimer',
+    'spreadsheet/custom_column/duplicate_custom_column': 'Dupliquer',
+    'spreadsheet/custom_column/duplicate_column_error': 'Error lors de la duplication de la colonne',
     'spreadsheet/custom_column/delete_custom_column_confirmation':
         'Êtes-vous sûr de vouloir supprimer la colonne "{columnName}" ?',
     'spreadsheet/custom_column/delete_column_error': 'Erreur lors de la suppression de la colonne',