OHIF with Cornerstone3D 2.0 (#4347)

platform/ui-next/assets/data/index.ts

@@ -15,13 +15,13 @@ const dataList = [
         title: 'Measurement Label',
         description: 'Description for Measurement One.',
         optionalField: 'Optional Info 1',
-        details: 'Data',
+        details: { primary: ['Data'], secondary: [] },
       },
       {
         id: 2,
         title: 'Measurement Label',
         description: 'Description for Measurement Two.',
-        details: 'Data',
+        details: { primary: ['Data'], secondary: [] },
       },
     ],
   },
@@ -55,64 +55,58 @@ const dataList = [
         id: 6,
         title: 'Linear',
         description: 'Description for Linear.',
-        details: '49.2 mm',
-        series: 'S:2 I:1',
+        details: { primary: ['49.2 mm'], secondary: ['S2 I:1'] },
       },
       {
         id: 7,
         title: 'Bidirectional',
         description: 'Description for Bidirectional.',
-        details: 'L: 34.5 mm\nW: 23.0 mm',
-        series: 'S:2 I:2',
+        details: { primary: ['L: 34.5 mm', 'W: 23.0 mm'], secondary: ['S:2 I:2'] },
       },
       {
         id: 8,
         title: 'Ellipse',
         description: 'Description for Ellipse.',
-        details: '2641 mm²\nMax: 1087 HU',
-        series: 'S:2 I:4',
+        details: { primary: ['2641 mm²', 'Max: 1087 HU'], secondary: ['S:2 I:4'] },
       },
       {
         id: 9,
         title: 'Rectangle',
         description: 'Description for Rectangle.',
-        details: '1426 mm²\nMax: 718 HU',
-        series: 'S:2 I:5',
+        details: { primary: ['1426 mm²', 'Max: 718 HU'], secondary: ['S:2 I:5'] },
       },
       {
         id: 10,
         title: 'Circle',
         description: 'Description for Circle.',
-        details: '7339 mm²\nMax: 871 HU',
-        series: 'S:2 I:6',
+        details: { primary: ['7339 mm²', 'Max: 871 HU'], secondary: ['S:2 I:6'] },
       },
       {
         id: 11,
         title: 'Freehand ROI',
         description: 'Description for Freehand ROI.',
-        details: 'Mean: 215 HU\nMax: 947 HU\nArea: 839 mm²',
-        series: 'S:2 I:7',
+        details: {
+          primary: ['Mean: 215 HU', 'Max: 947 HU', 'Area: 839 mm²'],
+          secondary: ['S:2 I:7', 'S:3 I:7'],
+        },
       },
       {
         id: 12,
         title: 'Spline Tool',
         description: 'Description for Spline Tool.',
-        details: 'Area: 203 mm²',
-        series: 'S:2 I:8',
+        details: { primary: ['Area: 203 mm²'], secondary: ['S:2 I:8'] },
       },
       {
         id: 13,
         title: 'Livewire Tool',
         description: 'Description for Livewire Tool.',
-        details: '',
-        series: 'S:2 I:3',
+        details: { primary: ['Area: 203 mm²'], secondary: ['S:2 I:3'] },
       },
       {
         id: 14,
         title: 'Annotation Lorem ipsum dolor sit amet long measurement name continues here',
         description: 'Description for Annotation.',
-        details: '',
-        series: 'S:2 I:3',
+        details: { primary: ['Area: 203 mm²'], secondary: ['S:2 I:3'] },
       },
     ],
   },
@@ -213,21 +207,21 @@ const dataList = [
         title: 'Segment 1',
         colorHex: '#FF6F61',
         description: 'Description for Segmentation One.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
       {
         id: 30,
         title: 'Segment 2',
         colorHex: '#00CED1',
         description: 'Description for Segmentation Two.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
       {
         id: 31,
         title: 'Segment 3',
         colorHex: '#88B04B',
         description: 'Description for Segmentation One.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
     ],
   },
@@ -239,21 +233,21 @@ const dataList = [
         title: 'Segment A',
         colorHex: '#FF6F61',
         description: 'Description for Segmentation One.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
       {
         id: 33,
         title: 'Segment B',
         colorHex: '#00CED1',
         description: 'Description for Segmentation Two.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
       {
         id: 34,
         title: 'Segment C',
         colorHex: '#88B04B',
         description: 'Description for Segmentation One.',
-        details: 'SUV Peak: NaN\nVolume: 21.56mm³',
+        details: { primary: ['SUV Peak: NaN', 'Volume: 21.56mm³'], secondary: [] },
       },
     ],
   },