fix: Cornerstone3D 3.0 (#4816)

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

platform/app/package.json

@@ -54,7 +54,7 @@
     "@cornerstonejs/codec-libjpeg-turbo-8bit": "^1.2.2",
     "@cornerstonejs/codec-openjpeg": "^1.2.4",
     "@cornerstonejs/codec-openjph": "^2.4.5",
-    "@cornerstonejs/dicom-image-loader": "^2.19.14",
+    "@cornerstonejs/dicom-image-loader": "^3.0.1",
     "@emotion/serialize": "^1.1.3",
     "@ohif/core": "3.10.0-beta.113",
     "@ohif/extension-cornerstone": "3.10.0-beta.113",

platform/core/package.json

@@ -37,7 +37,7 @@
     "@cornerstonejs/codec-libjpeg-turbo-8bit": "^1.2.2",
     "@cornerstonejs/codec-openjpeg": "^1.2.4",
     "@cornerstonejs/codec-openjph": "^2.4.5",
-    "@cornerstonejs/dicom-image-loader": "^2.19.14",
+    "@cornerstonejs/dicom-image-loader": "^3.0.1",
     "@ohif/ui": "3.10.0-beta.113",
     "cornerstone-math": "0.1.9",
     "dicom-parser": "^1.8.21"

platform/ui-next/src/components/Icons/Icons.tsx

@@ -193,6 +193,7 @@ import Pencil from './Sources/Pencil';
 import NotificationWarning from './Sources/NotificationWarning';
 import ArrowRight from './Sources/ArrowRight';
 import ChevronLeft from './Sources/ChevronLeft';
+import StatusAlert from './Sources/StatusAlert';
 //
 //
 type IconProps = React.HTMLAttributes<SVGElement>;
@@ -681,7 +682,7 @@ export const Icons = {
   'icon-transferring': (props: IconProps) => IconTransferring(props),
   'icon-alert-small': (props: IconProps) => Alert(props),
   'icon-alert-outline': (props: IconProps) => AlertOutline(props),
-  'status-alert': (props: IconProps) => Alert(props),
+  'status-alert': (props: IconProps) => StatusAlert(props),
   info: (props: IconProps) => Info(props),
   'notifications-info': (props: IconProps) => NotificationInfo(props),
   'notificationwarning-diamond': (props: IconProps) => NotificationWarning(props),

platform/ui-next/src/components/Icons/Sources/StatusAlert.tsx

@@ -0,0 +1,36 @@
+import React from 'react';
+import type { IconProps } from '../types';
+
+export const StatusError = (props: IconProps) => (
+  <svg
+    width="16"
+    height="16"
+    viewBox="0 0 16 16"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <g
+      fill="none"
+      fillRule="evenodd"
+    >
+      <path d="M0 0h16v16H0z" />
+      <rect
+        stroke="#7BB2CE"
+        fill="#0D0E24"
+        x=".5"
+        y=".5"
+        width="15"
+        height="15"
+        rx="7.5"
+      />
+      <path
+        stroke="#FFF"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+        d="M8.002 8.5v-5M7.989 11.5a.245.245 0 0 0-.237.255.254.254 0 0 0 .25.245h.009a.246.246 0 0 0 .237-.255.253.253 0 0 0-.246-.245"
+      />
+    </g>
+  </svg>
+);
+
+export default StatusError;

platform/ui-next/src/components/Icons/Sources/StatusError.tsx

@@ -6,6 +6,7 @@ export const StatusError = (props: IconProps) => (
     width="24px"
     height="24px"
     viewBox="0 0 24 24"
+    {...props}
   >
     <g
       id="StatusAlert"