refactor: Remove LabelingFlow/ContextMenu services and reimplement on top of the Dialog service #1264 (#1292)

* Remove ContextMenu and Labelling services and provider to use DialogService directly

* Refactor init to display labelling

* Cleanup labelling flow in measurements init

* Cleanup viewer imports

* Add classname to toolcontextmenu

* Add error message

platform/ui/src/components/contextMenu/ContextMenu.css

@@ -0,0 +1,33 @@
+.ContextMenu {
+  position: relative;
+  background-color: white;
+  border-radius: 5px;
+  z-index: 1000;
+  display: block;
+  width: 170px;
+}
+
+.ContextMenu>ul {
+  list-style-type: none;
+  padding-left: 0;
+  margin: 0;
+}
+
+.ContextMenu>ul>li>button {
+  padding: 10px;
+  font-size: 14px;
+  border: none;
+  color: #516873;
+  border-radius: 3px;
+  outline: none;
+  cursor: pointer;
+  background: none;
+}
+
+.ContextMenu>ul>li>button:hover {
+  color: #16202b;
+}
+
+.ContextMenu>ul>li>button:active {
+  color: #79f9fe;
+}

platform/ui/src/components/contextMenu/ContextMenu.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+import './ContextMenu.css';
+
+const ContextMenu = ({ items, onClick }) => {
+  return (
+    <div className="ContextMenu">
+      <ul>
+        {items.map((item, index) => (
+          <li key={index}>
+            <button className="form-action" onClick={() => onClick(item)}>
+              <span key={index}>{item.label}</span>
+            </button>
+          </li>
+        ))}
+      </ul>
+    </div>
+  );
+};
+
+ContextMenu.propTypes = {
+  items: PropTypes.array.isRequired,
+  onClick: PropTypes.func.isRequired,
+};
+
+export default ContextMenu;

platform/ui/src/components/contextMenu/index.js

@@ -0,0 +1 @@
+export { default as ContextMenu } from './ContextMenu.js';

platform/ui/src/components/index.js

@@ -17,6 +17,7 @@ import { RoundedButtonGroup } from './roundedButtonGroup';
 import { SelectTree } from './selectTree';
 import { SimpleDialog } from './simpleDialog';
 import { OHIFModal } from './ohifModal';
+import { ContextMenu } from './contextMenu';
 import {
   PageToolbar,
   StudyList,
@@ -27,6 +28,7 @@ import { ToolbarSection } from './toolbarSection';
 import { Tooltip } from './tooltip';
 
 export {
+  ContextMenu,
   Checkbox,
   CineDialog,
   ViewportDownloadForm,