From a29c466eb4747f0837ab0eb44c6702de9006dae8 Mon Sep 17 00:00:00 2001
From: Alireza <ar.sedghi@gmail.com>
Date: Fri, 11 Jun 2021 06:58:44 -0400
Subject: [PATCH] feat: initial viewport settings can be utilized (#114)

---
 src/CornerstoneViewport/CornerstoneViewport.js | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/CornerstoneViewport/CornerstoneViewport.js b/src/CornerstoneViewport/CornerstoneViewport.js
index d9f3bb9..2497115 100644
--- a/src/CornerstoneViewport/CornerstoneViewport.js
+++ b/src/CornerstoneViewport/CornerstoneViewport.js
@@ -47,6 +47,7 @@ class CornerstoneViewport extends Component {
     isPlaying: PropTypes.bool,
     frameRate: PropTypes.number, // Between 1 and ?
     //
+    initialViewport: PropTypes.object,
     setViewportActive: PropTypes.func, // Called when viewport should be set to active?
     onNewImage: PropTypes.func,
     onNewImageDebounced: PropTypes.func,
@@ -91,6 +92,7 @@ class CornerstoneViewport extends Component {
     cineFrameRate: 24,
     viewportOverlayComponent: ViewportOverlay,
     imageIds: ['no-id://'],
+    initialViewport: {},
     // Init
     cornerstoneOptions: {},
     isStackPrefetchEnabled: false,
@@ -151,6 +153,7 @@ class CornerstoneViewport extends Component {
       imageIds,
       isPlaying,
       frameRate,
+      initialViewport,
     } = this.props;
     const { imageIdIndex } = this.state;
     const imageId = imageIds[imageIdIndex];
@@ -187,7 +190,7 @@ class CornerstoneViewport extends Component {
 
       // Display
 
-      cornerstone.displayImage(this.element, image);
+      cornerstone.displayImage(this.element, image, initialViewport);
 
       if (isStackPrefetchEnabled) {
         cornerstoneTools.stackPrefetch.enable(this.element);
@@ -212,6 +215,7 @@ class CornerstoneViewport extends Component {
       imageIds: stack,
       imageIdIndex: imageIndex,
       isStackPrefetchEnabled,
+      initialViewport,
     } = this.props;
     const {
       imageIds: prevStack,
@@ -241,7 +245,7 @@ class CornerstoneViewport extends Component {
         cornerstoneTools.stopClip(this.element);
         const image = await cornerstone.loadAndCacheImage(imageId);
 
-        cornerstone.displayImage(this.element, image);
+        cornerstone.displayImage(this.element, image, initialViewport);
         cornerstone.reset(this.element);
       } catch (err) {
         // :wave: