Replace a NAD with another in the same card (#3207)

Signed-off-by: BOUTIER Charly <[email protected]>

Author: EstherDarkish

src/components/diagrams/diagram-card.tsx

@@ -41,7 +41,6 @@ interface DiagramCardProps extends ReactGridLayoutCustomChildComponentProps {
     createDiagram: (diagram: DiagramParams) => void;
     updateDiagram: (diagram: Diagram) => void;
     updateDiagramPositions: (diagram: DiagramParams) => void;
-    onLoad: (elementUuid: UUID, elementType: ElementType, elementName: string) => void;
     key: string; // Required for React Grid Layout to identify the component
 }
 
@@ -58,7 +57,6 @@ export const DiagramCard = forwardRef((props: DiagramCardProps, ref: Ref<HTMLDiv
         createDiagram,
         updateDiagram,
         updateDiagramPositions,
-        onLoad,
         ...reactGridLayoutCustomChildComponentProps
     } = props;
     const { style, children, ...otherProps } = reactGridLayoutCustomChildComponentProps;
@@ -134,6 +132,25 @@ export const DiagramCard = forwardRef((props: DiagramCardProps, ref: Ref<HTMLDiv
         [diagram, updateDiagramPositions]
     );
 
+    const handleReplaceNad = useCallback(
+        (elementUuid: UUID, elementType: ElementType, elementName: string) => {
+            if (diagram.type === DiagramType.NETWORK_AREA_DIAGRAM) {
+                updateDiagram({
+                    ...diagram,
+                    name: elementName,
+                    nadConfigUuid: elementType === ElementType.DIAGRAM_CONFIG ? elementUuid : undefined,
+                    filterUuid: elementType === ElementType.FILTER ? elementUuid : undefined,
+                    initializationNadConfigUuid: undefined,
+                    voltageLevelIds: [],
+                    voltageLevelToExpandIds: [],
+                    voltageLevelToOmitIds: [],
+                    positions: [],
+                });
+            }
+        },
+        [diagram, updateDiagram]
+    );
+
     // This function is called by the diagram's contents, when they get their sizes from the backend.
     const setDiagramSize = useCallback((diagramId: UUID, diagramType: DiagramType, width: number, height: number) => {
         console.log('TODO setDiagramSize', diagramId, diagramType, width, height);
@@ -207,7 +224,7 @@ export const DiagramCard = forwardRef((props: DiagramCardProps, ref: Ref<HTMLDiv
                             visible={visible}
                             isEditNadMode={diagramsInEditMode}
                             onToggleEditNadMode={(isEditMode) => setDiagramsInEditMode(isEditMode)}
-                            onLoadNad={onLoad}
+                            onLoadNad={handleReplaceNad}
                             onExpandVoltageLevel={handleExpandVoltageLevelId}
                             onAddVoltageLevel={handleAddVoltageLevel}
                             onExpandAllVoltageLevels={handleExpandAllVoltageLevels}

src/components/diagrams/diagram-controls.tsx

@@ -215,7 +215,7 @@ const DiagramControls: React.FC<DiagramControlsProps> = ({
                             <SaveIcon sx={styles.icon} />
                         </IconButton>
                     </Tooltip>
-                    <Tooltip title={<FormattedMessage id={'importFromGridExplore'} />}>
+                    <Tooltip title={<FormattedMessage id={'importAndReplaceFromGridExplore'} />}>
                         <IconButton sx={styles.actionIcon} onClick={handleClickLoadIcon}>
                             <UploadIcon sx={styles.icon} />
                         </IconButton>

src/components/diagrams/diagram-grid-layout.tsx

@@ -477,7 +477,6 @@ function DiagramGridLayout({ studyUuid, showInSpreadsheet, showGrid, visible }:
                             createDiagram={createDiagram}
                             updateDiagram={updateDiagram}
                             updateDiagramPositions={updateDiagramPositions}
-                            onLoad={handleLoadNad}
                         />
                     );
                 })}

src/translations/en.json

@@ -1191,6 +1191,7 @@
     "elementSelection": "Element selection",
     "addNetworkModification": "Add a network modification",
     "importFromGridExplore": "Import from GridExplore",
+    "importAndReplaceFromGridExplore": "Import and replace from GridExplore",
     "SaveToGridexplore": "Save to GridExplore",
     "SaveToGridexploreError": "An error occurred while saving to GridExplore",
     "diagramConfigCreationMsg": "Network area diagram created in {directory}",

src/translations/fr.json

@@ -1189,6 +1189,7 @@
     "elementSelection": "Sélection d'un élément",
     "addNetworkModification": "Ajouter une modification de réseau",
     "importFromGridExplore": "Importer de GridExplore",
+    "importAndReplaceFromGridExplore": "Importer et remplacer à partir de GridExplore",
     "SaveToGridexplore": "Enregistrer dans GridExplore",
     "SaveToGridexploreError": "Une erreur est survenue lors de la sauvegarde dans GridExplore",
     "diagramConfigCreationMsg": "Création de l'image nodale de zone dans {directory}",