ohif-core --> @ohif/core

platform/viewer/src/connectedComponents/ConnectedCineDialog.js

@@ -1,13 +1,13 @@
-import { connect } from 'react-redux';
-import { CineDialog } from 'react-viewerbase';
-import OHIF from 'ohif-core';
-import csTools from 'cornerstone-tools';
+import { connect } from "react-redux";
+import { CineDialog } from "react-viewerbase";
+import OHIF from "@ohif/core";
+import csTools from "cornerstone-tools";
 // Our target output kills the `as` and "import" throws a keyword error
 // import { import as toolImport, getToolState } from 'cornerstone-tools';
-import cloneDeep from 'lodash.clonedeep';
+import cloneDeep from "lodash.clonedeep";
 
 const toolImport = csTools.import;
-const scrollToIndex = toolImport('util/scrollToIndex');
+const scrollToIndex = toolImport("util/scrollToIndex");
 const { setViewportSpecificData } = OHIF.redux.actions;
 
 // Why do I need or care about any of this info?
@@ -20,14 +20,14 @@ const mapStateToProps = state => {
 
   const cineData = cine || {
     isPlaying: false,
-    cineFrameRate: 24,
+    cineFrameRate: 24
   };
 
   // New props we're creating?
   return {
     activeEnabledElement: dom,
     activeViewportCineData: cineData,
-    activeViewportIndex: state.viewports.activeViewportIndex,
+    activeViewportIndex: state.viewports.activeViewportIndex
   };
 };
 
@@ -35,7 +35,7 @@ const mapDispatchToProps = dispatch => {
   return {
     dispatchSetViewportSpecificData: (viewportIndex, data) => {
       dispatch(setViewportSpecificData(viewportIndex, data));
-    },
+    }
   };
 };
 
@@ -43,7 +43,7 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
   const {
     activeEnabledElement,
     activeViewportCineData,
-    activeViewportIndex,
+    activeViewportIndex
   } = propsFromState;
 
   return {
@@ -54,7 +54,7 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
       cine.isPlaying = !cine.isPlaying;
 
       propsFromDispatch.dispatchSetViewportSpecificData(activeViewportIndex, {
-        cine,
+        cine
       });
     },
     onFrameRateChanged: frameRate => {
@@ -62,34 +62,34 @@ const mergeProps = (propsFromState, propsFromDispatch, ownProps) => {
       cine.cineFrameRate = frameRate;
 
       propsFromDispatch.dispatchSetViewportSpecificData(activeViewportIndex, {
-        cine,
+        cine
       });
     },
     onClickNextButton: () => {
-      const stackData = csTools.getToolState(activeEnabledElement, 'stack');
+      const stackData = csTools.getToolState(activeEnabledElement, "stack");
       if (!stackData || !stackData.data || !stackData.data.length) return;
       const { currentImageIdIndex, imageIds } = stackData.data[0];
       if (currentImageIdIndex >= imageIds.length - 1) return;
       scrollToIndex(activeEnabledElement, currentImageIdIndex + 1);
     },
     onClickBackButton: () => {
-      const stackData = csTools.getToolState(activeEnabledElement, 'stack');
+      const stackData = csTools.getToolState(activeEnabledElement, "stack");
       if (!stackData || !stackData.data || !stackData.data.length) return;
       const { currentImageIdIndex } = stackData.data[0];
       if (currentImageIdIndex === 0) return;
       scrollToIndex(activeEnabledElement, currentImageIdIndex - 1);
     },
     onClickSkipToStart: () => {
-      const stackData = csTools.getToolState(activeEnabledElement, 'stack');
+      const stackData = csTools.getToolState(activeEnabledElement, "stack");
       if (!stackData || !stackData.data || !stackData.data.length) return;
       scrollToIndex(activeEnabledElement, 0);
     },
     onClickSkipToEnd: () => {
-      const stackData = csTools.getToolState(activeEnabledElement, 'stack');
+      const stackData = csTools.getToolState(activeEnabledElement, "stack");
       if (!stackData || !stackData.data || !stackData.data.length) return;
       const lastIndex = stackData.data[0].imageIds.length - 1;
       scrollToIndex(activeEnabledElement, lastIndex);
-    },
+    }
   };
 };