front: allow users to export timetables and to remove trains by cuting (ctrl+x)

Signed-off-by: Angelina Kuntz <[email protected]>

Author: ppitou

front/src/applications/operationalStudies/views/Scenario/components/Timetable/TimetableBoardWrapper.tsx

@@ -115,8 +115,16 @@ const TimetableBoardWrapper = ({
     [selectedTimetableItemIds]
   );
 
+  const removeAndUnselectTrains = useCallback(
+    (timetableItemIds: TimetableItemId[]) => {
+      removeTimetableItems(timetableItemIds);
+      setSelectedTimetableItemIds([]);
+    },
+    [removeTimetableItems, setSelectedTimetableItemIds]
+  );
+
   const ctrlC = useCallback(
-    (event: KeyboardEvent<Element>) => {
+    (event: KeyboardEvent) => {
       if (!event.repeat && event.ctrlKey && event.key === 'c') {
         copyTimetableItemsToClipboard(selectedTimetableItemIds, timetableItems);
       }
@@ -125,7 +133,7 @@ const TimetableBoardWrapper = ({
   );
 
   const ctrlV = useCallback(
-    async (event: KeyboardEvent<Element>) => {
+    async (event: KeyboardEvent) => {
       if (!event.repeat && event.ctrlKey && event.key === 'v') {
         const clipboardContent = await navigator.clipboard.readText();
         const data = JSON.parse(clipboardContent);
@@ -143,6 +151,16 @@ const TimetableBoardWrapper = ({
     [navigator.clipboard, timetableId]
   );
 
+  const ctrlX = useCallback(
+    (event: KeyboardEvent) => {
+      if (!event.repeat && event.ctrlKey && event.key === 'x') {
+        copyTimetableItemsToClipboard(selectedTimetableItemIds, timetableItems);
+        removeAndUnselectTrains(selectedTimetableItemIds);
+      }
+    },
+    [selectedTimetableItemIds, timetableItems]
+  );
+
   useEffect(() => {
     document.addEventListener('keydown', ctrlC);
     return () => document.removeEventListener('keydown', ctrlC);
@@ -153,6 +171,11 @@ const TimetableBoardWrapper = ({
     return () => document.removeEventListener('keydown', ctrlV);
   }, [ctrlV]);
 
+  useEffect(() => {
+    document.addEventListener('keydown', ctrlX);
+    return () => document.removeEventListener('keydown', ctrlX);
+  }, [ctrlX]);
+
   // --- BOARD WRAPPER TITLE MANAGEMENT -------------------------
   const computedItemLabel = useCallback(() => {
     if (totalTrainScheduleCount === 0 && totalPacedTrainCount === 0)
@@ -217,14 +240,6 @@ const TimetableBoardWrapper = ({
     }
   };
 
-  const removeAndUnselectTrains = useCallback(
-    (timetableItemIds: TimetableItemId[]) => {
-      removeTimetableItems(timetableItemIds);
-      setSelectedTimetableItemIds([]);
-    },
-    [removeTimetableItems, setSelectedTimetableItemIds]
-  );
-
   const handleTrainsDelete = async (currentSelectedTrainId?: TrainId) => {
     const itemsCount = selectedTimetableItemIds.length;