ui(components): New Dialog and Modal components for ui-next (#4772)

Co-authored-by: sedghi <ar.sedghi@gmail.com>

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

@@ -1,63 +0,0 @@
-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;