[4356] Add a minimap to diagrams

Bug: #4356 Signed-off-by: Guillaume Coutable <[email protected]> Signed-off-by: Pierre-Charles David <[email protected]>
eclipse-sirius · Jan 3, 2025 · a7c6b22 · a7c6b22
1 parent d440b6a
commit a7c6b22
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/CHANGELOG.adoc b/CHANGELOG.adoc
@@ -25,6 +25,9 @@ The `start` task used in our turbo configuration is now marked as `persistent` a
 
 === New Features
 
+- https://github.com/eclipse-sirius/sirius-web/issues/4356[#4356] [diagram] Add a minimap to diagram.
++ Added by default to all sirius-web diagrams
+
 
 === Improvements
 

diff --git a/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx b/packages/diagrams/frontend/sirius-components-diagrams/src/renderer/DiagramRenderer.tsx
@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2023, 2024 Obeo.
+ * Copyright (c) 2023, 2025 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -19,6 +19,7 @@ import {
   ConnectionMode,
   Edge,
   EdgeChange,
+  MiniMap,
   Node,
   NodeChange,
   OnEdgesChange,
@@ -444,6 +445,7 @@ export const DiagramRenderer = memo(({ diagramRefreshedEventPayload }: DiagramRe
         {diagramDescription.debug ? <DebugPanel reactFlowWrapper={ref} /> : null}
         <ConnectorContextualMenu />
         {helperLinesEnabled ? <HelperLines horizontal={horizontalHelperLine} vertical={verticalHelperLine} /> : null}
+        <MiniMap pannable zoomable zoomStep={2} />
       </>
     ),
   };

diff --git a/...ages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx b/...ages/sirius-web/frontend/sirius-web-papaya/src/diagrams/PapayaDiagramInformationPanel.tsx
@@ -1,5 +1,5 @@
 /*******************************************************************************
- * Copyright (c) 2024 Obeo.
+ * Copyright (c) 2024, 2025 Obeo.
  * This program and the accompanying materials
  * are made available under the terms of the Eclipse Public License v2.0
  * which accompanies this distribution, and is available at
@@ -43,7 +43,7 @@ export const PapayaDiagramInformationPanel = memo(() => {
     return null;
   }
   return (
-    <Panel position="bottom-right">
+    <Panel position="bottom-center">
       <Paper className={classes.papayaDiagramInformationPanel}>
         <Typography variant="subtitle2">Learn more</Typography>
         <Typography variant="body2">