Initial commit from prod-batam

extensions/tmtv/src/Panels/PanelROIThresholdSegmentation/segmentationEditHandler.tsx

@@ -0,0 +1,63 @@
+import React from 'react';
+import { Input, Dialog, ButtonEnums } from '@ohif/ui';
+
+function segmentationItemEditHandler({ id, servicesManager }: withAppTypes) {
+  const { segmentationService, uiDialogService } = servicesManager.services;
+
+  const segmentation = segmentationService.getSegmentation(id);
+
+  const onSubmitHandler = ({ action, value }) => {
+    switch (action.id) {
+      case 'save': {
+        segmentationService.addOrUpdateSegmentation({
+          ...segmentation,
+          ...value,
+        });
+      }
+    }
+    uiDialogService.dismiss({ id: 'enter-annotation' });
+  };
+
+  uiDialogService.create({
+    id: 'enter-annotation',
+    centralize: true,
+    isDraggable: false,
+    showOverlay: true,
+    content: Dialog,
+    contentProps: {
+      title: 'Enter your Segmentation',
+      noCloseButton: true,
+      value: { label: segmentation.label || '' },
+      body: ({ value, setValue }) => {
+        const onChangeHandler = event => {
+          event.persist();
+          setValue(value => ({ ...value, label: event.target.value }));
+        };
+
+        const onKeyPressHandler = event => {
+          if (event.key === 'Enter') {
+            onSubmitHandler({ value, action: { id: 'save' } });
+          }
+        };
+        return (
+          <Input
+            autoFocus
+            className="border-primary-main bg-black"
+            type="text"
+            containerClassName="mr-2"
+            value={value.label}
+            onChange={onChangeHandler}
+            onKeyPress={onKeyPressHandler}
+          />
+        );
+      },
+      actions: [
+        { id: 'cancel', text: 'Cancel', type: ButtonEnums.type.secondary },
+        { id: 'save', text: 'Save', type: ButtonEnums.type.primary },
+      ],
+      onSubmit: onSubmitHandler,
+    },
+  });
+}
+
+export default segmentationItemEditHandler;