@ohif/app 3.12.0-beta.100 → 3.12.0-beta.103

package/dist/{7639.bundle.c0b2beea06d6a185f7d0.js → 7639.bundle.dd129aac3fbe85c836ff.js}

@@ -571,16 +571,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'brush-mode',
       value: 'CircularBrush',
       values: [{
         value: 'CircularBrush',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'SphereBrush',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       commands: 'setToolActiveToolbar'
     }]
@@ -596,7 +596,7 @@ const toolbarButtons = [{
       toolNames: ['CircularEraser', 'SphereEraser']
     },
     options: [{
-      name: 'Radius (mm)',
+      name: i18next/* default */.A.t('Buttons:Radius (mm)'),
       id: 'eraser-radius',
       type: 'range',
       min: 0.5,
@@ -610,16 +610,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'eraser-mode',
       value: 'CircularEraser',
       values: [{
         value: 'CircularEraser',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'SphereEraser',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       commands: 'setToolActiveToolbar'
     }]
@@ -635,7 +635,7 @@ const toolbarButtons = [{
       toolNames: ['ThresholdCircularBrush', 'ThresholdSphereBrush']
     },
     options: [{
-      name: 'Radius (mm)',
+      name: i18next/* default */.A.t('Buttons:Radius (mm)'),
       id: 'threshold-radius',
       type: 'range',
       min: 0.5,
@@ -649,16 +649,16 @@ const toolbarButtons = [{
         }
       }
     }, {
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       id: 'eraser-mode',
       value: 'ThresholdCircularBrush',
       values: [{
         value: 'ThresholdCircularBrush',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'ThresholdSphereBrush',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }],
       commands: 'setToolActiveToolbar'
     }, {
@@ -688,19 +688,19 @@ const toolbarButtons = [{
     },
     icon: 'icon-tool-shape',
     options: [{
-      name: 'Shape',
+      name: i18next/* default */.A.t('Buttons:Shape'),
       type: 'radio',
       value: 'CircleScissor',
       id: 'shape-mode',
       values: [{
         value: 'CircleScissor',
-        label: 'Circle'
+        label: i18next/* default */.A.t('Buttons:Circle')
       }, {
         value: 'SphereScissor',
-        label: 'Sphere'
+        label: i18next/* default */.A.t('Buttons:Sphere')
       }, {
         value: 'RectangleScissor',
-        label: 'Rectangle'
+        label: i18next/* default */.A.t('Buttons:Rectangle')
       }],
       commands: 'setToolActiveToolbar'
     }]

package/dist/{8305.bundle.8d594e60bd2732be72dc.js → 8305.bundle.ec7f3a51fb76cb7691be.js}

@@ -24,8 +24,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var src = __webpack_require__(42356);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 210 modules
-var i18n_src = __webpack_require__(68523);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 286 modules
+var i18n_src = __webpack_require__(89010);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
 var esm = __webpack_require__(15327);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -702,10 +702,12 @@ const commandsModule = ({
 /* harmony default export */ const src_commandsModule = (commandsModule);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
 var cornerstone_src = __webpack_require__(71903);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
-var ui_next_src = __webpack_require__(1246);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3075 modules
+var ui_next_src = __webpack_require__(12517);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/utilities/index.js
 var utilities = __webpack_require__(53860);
+// EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
+var es = __webpack_require__(99993);
 ;// ../../../extensions/cornerstone-dicom-seg/src/components/LogicalContourOperationsOptions.tsx
 
 
@@ -713,6 +715,7 @@ var utilities = __webpack_require__(53860);
 
 
 
+
 const {
   LogicalOperation
 } = utilities.contourSegmentation;
@@ -744,6 +747,9 @@ function SegmentSelector({
   segments,
   placeholder = 'Select a segment'
 }) {
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('SegmentationPanel');
   return /*#__PURE__*/react.createElement("div", {
     className: "flex justify-between gap-6"
   }, /*#__PURE__*/react.createElement("div", null, label), /*#__PURE__*/react.createElement(ui_next_src/* Select */.l6P, {
@@ -753,7 +759,7 @@ function SegmentSelector({
   }, /*#__PURE__*/react.createElement(ui_next_src/* SelectTrigger */.bqE, {
     className: "overflow-hidden"
   }, /*#__PURE__*/react.createElement(ui_next_src/* SelectValue */.yvm, {
-    placeholder: placeholder
+    placeholder: t(placeholder)
   })), /*#__PURE__*/react.createElement(ui_next_src/* SelectContent */.gCo, null, segments.map(segment => /*#__PURE__*/react.createElement(ui_next_src/* SelectItem */.ebT, {
     key: segment.segmentIndex,
     value: segment.segmentIndex.toString()
@@ -766,6 +772,9 @@ function LogicalContourOperationOptions() {
   const {
     segmentationService
   } = servicesManager.services;
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('SegmentationPanel');
   const {
     segmentationsWithRepresentations
   } = (0,cornerstone_src.useActiveViewportSegmentationRepresentations)();
@@ -840,7 +849,7 @@ function LogicalContourOperationOptions() {
     }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
       name: icon
     }));
-  }))), /*#__PURE__*/react.createElement("div", null, operation.label)), /*#__PURE__*/react.createElement("div", {
+  }))), /*#__PURE__*/react.createElement("div", null, t(operation.label))), /*#__PURE__*/react.createElement("div", {
     className: "bg-primary-dark flex h-[62px] w-[88px] items-center justify-center rounded-lg"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI1.ByName, {
     name: operation.helperIcon
@@ -862,7 +871,7 @@ function LogicalContourOperationOptions() {
     onClick: () => {
       applyLogicalContourOperation();
     }
-  }, operation.label)), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
+  }, t(operation.label))), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
     className: "bg-input mt-2 h-[1px]"
   }), /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col gap-2"
@@ -873,14 +882,14 @@ function LogicalContourOperationOptions() {
     onCheckedChange: setCreateNewSegment
   }), /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU7, {
     htmlFor: "logical-contour-operations-create-new-segment-switch"
-  }, "Create a new segment")), /*#__PURE__*/react.createElement("div", {
+  }, t('Create a new segment'))), /*#__PURE__*/react.createElement("div", {
     className: "pl-9"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Input */.pde, {
     className: (0,ui_next_src.cn)(createNewSegment ? 'visible' : 'hidden'),
     disabled: !createNewSegment,
     id: "logical-contour-operations-create-new-segment-input",
     type: "text",
-    placeholder: "New segment name",
+    placeholder: t('New segment name'),
     value: newSegmentName,
     onChange: e => setNewSegmentName(e.target.value)
   }))));
@@ -890,29 +899,33 @@ function LogicalContourOperationOptions() {
 
 
 
+
 function SimplifyContourOptions() {
   const [areaThreshold, setAreaThreshold] = (0,react.useState)(10);
   const runCommand = (0,src/* useRunCommand */.qN)();
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('SegmentationPanel');
   return /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto w-[252px] flex-col gap-[8px] text-base font-normal leading-none"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto flex-col gap-[10px] text-base font-normal leading-none"
-  }, /*#__PURE__*/react.createElement("div", null, "Fill contour holes"), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
+  }, /*#__PURE__*/react.createElement("div", null, t('Fill contour holes')), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     className: "border-primary/60 border",
     variant: "ghost",
     onClick: () => {
       runCommand('removeContourHoles');
     }
-  }, "Fill Holes"), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
+  }, t('Fill Holes')), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
     className: "bg-input mt-[20px] h-[1px]"
   })), /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto flex-col gap-[10px] text-base font-normal leading-none"
-  }, /*#__PURE__*/react.createElement("div", null, "Remove Small Contours"), /*#__PURE__*/react.createElement("div", {
+  }, /*#__PURE__*/react.createElement("div", null, t('Remove Small Contours')), /*#__PURE__*/react.createElement("div", {
     className: "flex items-center gap-2 self-end"
   }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU7, {
     htmlFor: "simplify-contour-options",
     className: "text-muted-foreground"
-  }, "Area Threshold"), /*#__PURE__*/react.createElement(ui_next_src/* Input */.pde, {
+  }, t('Area Threshold')), /*#__PURE__*/react.createElement(ui_next_src/* Input */.pde, {
     id: "simplify-contour-options",
     className: "w-20",
     type: "number",
@@ -926,46 +939,50 @@ function SimplifyContourOptions() {
         areaThreshold
       });
     }
-  }, "Remove Small Contours"), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
+  }, t('Remove Small Contours')), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
     className: "bg-input mt-[20px] h-[1px]"
   })), /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto flex-col gap-[10px] text-base font-normal leading-none"
-  }, /*#__PURE__*/react.createElement("div", null, "Create New Segment from Holes"), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
+  }, /*#__PURE__*/react.createElement("div", null, t('Create New Segment from Holes')), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     className: "border-primary/60 border",
     variant: "ghost",
     onClick: () => {
       runCommand('convertContourHoles');
     }
-  }, "Create New Segment")));
+  }, t('Create New Segment'))));
 }
 /* harmony default export */ const components_SimplifyContourOptions = (SimplifyContourOptions);
 ;// ../../../extensions/cornerstone-dicom-seg/src/components/SmoothContoursOptions.tsx
 
 
 
+
 function SmoothContoursOptions() {
   const runCommand = (0,src/* useRunCommand */.qN)();
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('SegmentationPanel');
   return /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto w-[245px] flex-col gap-[8px] text-base font-normal leading-none"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto flex-col gap-[10px] text-base font-normal leading-none"
-  }, /*#__PURE__*/react.createElement("div", null, "Smooth all edges"), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
+  }, /*#__PURE__*/react.createElement("div", null, t('Smooth all edges')), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     className: "border-primary/60 border",
     variant: "ghost",
     onClick: () => {
       runCommand('smoothContours');
     }
-  }, "Smooth Edges"), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
+  }, t('Smooth Edges')), /*#__PURE__*/react.createElement(ui_next_src/* Separator */.wvv, {
     className: "bg-input mt-[20px] h-[1px]"
   })), /*#__PURE__*/react.createElement("div", {
     className: "flex w-auto flex-col gap-[10px] text-base font-normal leading-none"
-  }, /*#__PURE__*/react.createElement("div", null, "Remove extra points"), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
+  }, /*#__PURE__*/react.createElement("div", null, t('Remove extra points')), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     className: "border-primary/60 border",
     variant: "ghost",
     onClick: () => {
       runCommand('decimateContours');
     }
-  }, "Remove Points")));
+  }, t('Remove Points'))));
 }
 /* harmony default export */ const components_SmoothContoursOptions = (SmoothContoursOptions);
 ;// ../../../extensions/cornerstone-dicom-seg/src/getToolbarModule.ts
@@ -974,6 +991,7 @@ function SmoothContoursOptions() {
 
 
 
+
 function getToolbarModule({
   servicesManager
 }) {
@@ -1023,7 +1041,7 @@ function getToolbarModule({
       if (!segmentations?.length) {
         return {
           disabled: true,
-          disabledText: 'No segmentations available'
+          disabledText: i18n_src/* default */.A.t('SegmentationPanel:No segmentations available')
         };
       }
       if (!segmentations.some(segmentation => Boolean(segmentation.type === segmentationRepresentationType))) {
@@ -1049,21 +1067,21 @@ function getToolbarModule({
       if (!segmentations?.length) {
         return {
           disabled: true,
-          disabledText: disabledText ?? 'No segmentations available'
+          disabledText: disabledText ?? i18n_src/* default */.A.t('SegmentationPanel:No segmentations available')
         };
       }
       const activeSegmentation = segmentationService.getActiveSegmentation(viewportId);
       if (!Object.keys(activeSegmentation.segments).length) {
         return {
           disabled: true,
-          disabledText: 'Add segment to enable this tool'
+          disabledText: i18n_src/* default */.A.t('SegmentationPanel:Add segment to enable this tool')
         };
       }
       const toolGroup = toolGroupService.getToolGroupForViewport(viewportId);
       if (!toolGroup) {
         return {
           disabled: true,
-          disabledText: disabledText ?? 'Not available on the current viewport'
+          disabledText: disabledText ?? i18n_src/* default */.A.t('SegmentationPanel:Not available on the current viewport')
         };
       }
       if (!toolNames) {
@@ -1076,7 +1094,7 @@ function getToolbarModule({
       if (!toolGroup.hasTool(toolName) && !toolNames) {
         return {
           disabled: true,
-          disabledText: disabledText ?? 'Not available on the current viewport'
+          disabledText: disabledText ?? i18n_src/* default */.A.t('SegmentationPanel:Not available on the current viewport')
         };
       }
       const isPrimaryActive = toolNames ? toolNames.includes(toolGroup.getActivePrimaryMouseButtonTool()) : toolGroup.getActivePrimaryMouseButtonTool() === toolName;

package/dist/{8558.bundle.0fa5a7eb7f0d181f655e.js → 8558.bundle.06e713101d46fccdb5e2.js}

@@ -315,8 +315,8 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var src = __webpack_require__(42356);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 210 modules
-var i18n_src = __webpack_require__(68523);
+// EXTERNAL MODULE: ../../i18n/src/index.js + 286 modules
+var i18n_src = __webpack_require__(89010);
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
 var dcmjs_es = __webpack_require__(5842);
 ;// ../../../extensions/cornerstone-dicom-rt/src/loadRTStruct.js

package/dist/{8583.bundle.e63824d304b3f4cdda34.js → 8583.bundle.9be5bf09bba240ce9a73.js}

@@ -726,8 +726,8 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var src = __webpack_require__(42356);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(99993);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
-var ui_next_src = __webpack_require__(1246);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3075 modules
+var ui_next_src = __webpack_require__(12517);
 ;// ../../../extensions/tmtv/src/Panels/PanelPetSUV.tsx
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 
@@ -959,9 +959,9 @@ function PanelPetSUV() {
   })), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$nd, {
     variant: "default",
     size: "sm",
-    className: "w-28 self-end",
+    className: "self-end px-4",
     onClick: updateMetadata
-  }, "Reload Data")))))));
+  }, t('Reload Data'))))))));
 }
 PanelPetSUV.propTypes = {
   servicesManager: prop_types_default().shape({
@@ -1109,11 +1109,14 @@ function PanelTMTV({
     configuration: configuration
   }, /*#__PURE__*/react.createElement(PanelRoiThresholdSegmentation, null)));
 }
+// EXTERNAL MODULE: ../../i18n/src/index.js + 286 modules
+var i18n_src = __webpack_require__(89010);
 ;// ../../../extensions/tmtv/src/getPanelModule.tsx
 
 
 
 
+
 function getPanelModule({
   commandsManager,
   extensionManager,
@@ -1128,7 +1131,7 @@ function getPanelModule({
   const wrappedROIThresholdToolbox = () => {
     return /*#__PURE__*/react.createElement(default_src.Toolbox, {
       buttonSectionId: toolbarService.sections.roiThresholdToolbox,
-      title: "Threshold Tools"
+      title: i18n_src/* default */.A.t('ROIThresholdConfiguration:Threshold Tools')
     });
   };
   const wrappedROIThresholdExport = () => {
@@ -1137,7 +1140,7 @@ function getPanelModule({
   const wrappedPanelTMTV = () => {
     return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(default_src.Toolbox, {
       buttonSectionId: toolbarService.sections.roiThresholdToolbox,
-      title: "Threshold Tools"
+      title: i18n_src/* default */.A.t('ROIThresholdConfiguration:Threshold Tools')
     }), /*#__PURE__*/react.createElement(PanelTMTV, {
       commandsManager: commandsManager,
       servicesManager: servicesManager
@@ -1359,8 +1362,6 @@ function init({
 }
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 1 modules
 var dist_esm = __webpack_require__(15327);
-// EXTERNAL MODULE: ../../i18n/src/index.js + 210 modules
-var i18n_src = __webpack_require__(68523);
 ;// ../../../extensions/tmtv/src/utils/getThresholdValue.ts
 
 
@@ -1963,15 +1964,6 @@ const commandsModule = ({
 
 const ROI_STAT = 'roi_stat';
 const RANGE = 'range';
-const options = [{
-  value: ROI_STAT,
-  label: 'Max',
-  placeHolder: 'Max'
-}, {
-  value: RANGE,
-  label: 'Range',
-  placeHolder: 'Range'
-}];
 function ROIThresholdConfiguration({
   config,
   dispatch,
@@ -1980,6 +1972,15 @@ function ROIThresholdConfiguration({
   const {
     t
   } = (0,es/* useTranslation */.Bd)('ROIThresholdConfiguration');
+  const options = [{
+    value: ROI_STAT,
+    label: t('Max'),
+    placeHolder: t('Max')
+  }, {
+    value: RANGE,
+    label: t('Range'),
+    placeHolder: t('Range')
+  }];
   const handlePercentageOfMaxSUVChange = e => {
     let value = e.target.value;
     if (value === '.') {
@@ -2044,7 +2045,7 @@ function ROIThresholdConfiguration({
     className: "mr-2 text-sm"
   }, /*#__PURE__*/react.createElement("div", {
     className: "flex flex-col space-y-2"
-  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU7, null, "Lower & Upper Ranges"), /*#__PURE__*/react.createElement("div", {
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU7, null, t('Lower & Upper Ranges')), /*#__PURE__*/react.createElement("div", {
     className: "flex items-center"
   }, /*#__PURE__*/react.createElement("div", {
     className: "w-10 text-left"
@@ -2122,6 +2123,7 @@ function ROIThresholdConfiguration({
 
 
 
+
 const LOWER_CT_THRESHOLD_DEFAULT = -1024;
 const UPPER_CT_THRESHOLD_DEFAULT = 1024;
 const LOWER_PT_THRESHOLD_DEFAULT = 2.5;
@@ -2169,6 +2171,9 @@ function RectangleROIOptions() {
   } = (0,src/* useSystem */.Jg)();
   const segmentations = (0,cornerstone_src.useSegmentations)();
   const activeSegmentation = segmentations[0];
+  const {
+    t
+  } = (0,es/* useTranslation */.Bd)('ROIThresholdConfiguration');
   const runCommand = (0,react.useCallback)((commandName, commandOptions = {}) => {
     return commandsManager.runCommand(commandName, commandOptions);
   }, [commandsManager]);
@@ -2202,7 +2207,7 @@ function RectangleROIOptions() {
     variant: "default",
     className: "my-3 mr-auto w-20",
     onClick: handleROIThresholding
-  }, "Run"));
+  }, t('Run')));
 }
 /* harmony default export */ const Panels_RectangleROIOptions = (RectangleROIOptions);
 ;// ../../../extensions/tmtv/src/getToolbarModule.tsx