feat: Add new annotate tool using new dialog service (#1211)

* Testing dialog

* Refactor modal and add dialog component to simple dialog

* Use existent dialog

* Expect event from getText callback (annotation)

* Bump cornerstone-tools version

* Use simple dialog

* bump cornersotne version

* CR Update: Update dialgo method names and default values

* CR Update: Bump overlay and show only if theres at least one overlay prop set to true

* CR Update: Use percentage over view height in draggable area

* Fix broken test vtk checks WWWC tool

* Comment test (non-deterministic)

platform/ui/src/components/simpleDialog/SimpleDialog.js

@@ -1,5 +1,6 @@
-import React, { Component } from 'react';
+import React, { Component, useState } from 'react';
 import PropTypes from 'prop-types';
+import { TextInput } from '@ohif/ui';
 
 import './SimpleDialog.styl';
 
@@ -21,6 +22,31 @@ class SimpleDialog extends Component {
     rootClass: '',
   };
 
+  static InputDialog = ({ onSubmit, defaultValue, title, label, onClose }) => {
+    const [value, setValue] = useState(defaultValue);
+
+    const onSubmitHandler = () => {
+      onSubmit(value);
+    };
+
+    return (
+      <div className="InputDialog">
+        <SimpleDialog
+          headerTitle={title}
+          onClose={onClose}
+          onConfirm={onSubmitHandler}
+        >
+          <TextInput
+            type="text"
+            value={value}
+            onChange={event => setValue(event.target.value)}
+            label={label}
+          />
+        </SimpleDialog>
+      </div>
+    );
+  };
+
   render() {
     return (
       <React.Fragment>

platform/ui/src/components/simpleDialog/SimpleDialog.styl

@@ -1,6 +1,10 @@
 @import './../../design/styles/common/button.styl'
 @import './../../design/styles/common/global.styl'
 
+.InputDialog
+  .simpleDialog
+    position: relative
+
 .simpleDialog
   position: fixed;
   top: 0px;