@ohif/app 3.10.0-beta.132 → 3.10.0-beta.134

package/dist/{4209.bundle.96558ee74ab76cd24ed5.js → 4209.bundle.3cd7da5e77b38ec7f693.js}

@@ -3904,9 +3904,7 @@ function PanelStudyBrowser({
     commandsManager
   } = (0,src/* useSystem */.Jg)();
   const {
-    hangingProtocolService,
     displaySetService,
-    uiNotificationService,
     customizationService
   } = servicesManager.services;
   const navigate = (0,dist/* useNavigate */.Zp)();
@@ -3921,7 +3919,7 @@ function PanelStudyBrowser({
     activeViewportId,
     viewports,
     isHangingProtocolLayout
-  }, viewportGridService] = (0,ui_next_src/* useViewportGrid */.ih)();
+  }] = (0,ui_next_src/* useViewportGrid */.ih)();
   const [activeTabName, setActiveTabName] = (0,react.useState)('all');
   const [expandedStudyInstanceUIDs, setExpandedStudyInstanceUIDs] = (0,react.useState)([...StudyInstanceUIDs]);
   const [hasLoadedViewports, setHasLoadedViewports] = (0,react.useState)(false);
@@ -3949,22 +3947,19 @@ function PanelStudyBrowser({
     });
     setViewPresets(newViewPresets);
   };
-  const onDoubleClickThumbnailHandler = displaySetInstanceUID => {
-    let updatedViewports = [];
-    const viewportId = activeViewportId;
-    try {
-      updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportId, displaySetInstanceUID, isHangingProtocolLayout);
-    } catch (error) {
-      console.warn(error);
-      uiNotificationService.show({
-        title: 'Thumbnail Double Click',
-        message: 'The selected display sets could not be added to the viewport.',
-        type: 'error',
-        duration: 3000
-      });
+  const onDoubleClickThumbnailHandler = (0,react.useCallback)(async displaySetInstanceUID => {
+    const customHandler = customizationService.getCustomization('studyBrowser.thumbnailDoubleClickCallback');
+    const setupArgs = {
+      activeViewportId,
+      commandsManager,
+      servicesManager,
+      isHangingProtocolLayout
+    };
+    const handlers = customHandler?.callbacks.map(callback => callback(setupArgs));
+    for (const handler of handlers) {
+      await handler(displaySetInstanceUID);
     }
-    viewportGridService.setDisplaySetsForViewports(updatedViewports);
-  };
+  }, [activeViewportId, commandsManager, servicesManager, isHangingProtocolLayout, customizationService]);
 
   // ~~ studyDisplayList
   (0,react.useEffect)(() => {
@@ -4035,7 +4030,7 @@ function PanelStudyBrowser({
         thumbnailSrc = await displaySet.getThumbnailSrc();
       }
       if (!thumbnailSrc) {
-        let thumbnailSrc = await getImageSrc(imageId);
+        const thumbnailSrc = await getImageSrc(imageId);
         displaySet.thumbnailSrc = thumbnailSrc;
       }
       newImageSrcEntry[dSet.displaySetInstanceUID] = thumbnailSrc;
@@ -9343,7 +9338,34 @@ const {
     iconName: 'ThumbnailView',
     selected: true
   }],
-  'studyBrowser.studyMode': 'all'
+  'studyBrowser.studyMode': 'all',
+  'studyBrowser.thumbnailDoubleClickCallback': {
+    callbacks: [({
+      activeViewportId,
+      servicesManager,
+      isHangingProtocolLayout
+    }) => async displaySetInstanceUID => {
+      const {
+        hangingProtocolService,
+        viewportGridService,
+        uiNotificationService
+      } = servicesManager.services;
+      let updatedViewports = [];
+      const viewportId = activeViewportId;
+      try {
+        updatedViewports = hangingProtocolService.getViewportsRequireUpdate(viewportId, displaySetInstanceUID, isHangingProtocolLayout);
+      } catch (error) {
+        console.warn(error);
+        uiNotificationService.show({
+          title: 'Thumbnail Double Click',
+          message: 'The selected display sets could not be added to the viewport.',
+          type: 'error',
+          duration: 3000
+        });
+      }
+      viewportGridService.setDisplaySetsForViewports(updatedViewports);
+    }]
+  }
 });
 ;// CONCATENATED MODULE: ../../../extensions/default/src/customizations/overlayItemCustomization.tsx
 
@@ -9971,8 +9993,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.10.0-beta.132";
-  const commitHash = "df8efba82c268633ea05b5cb915061bceaec912c";
+  const versionNumber = "3.10.0-beta.134";
+  const commitHash = "782a6a0c88e9a157d26e9697f6d404bb160902b1";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VT, {
     className: "w-[400px]"

package/dist/{810.bundle.b23accd223e0e96e73de.js → 810.bundle.c8077e33b50853acdf0d.js}

@@ -2007,8 +2007,6 @@ const commandsModule = ({
   };
 };
 /* harmony default export */ const src_commandsModule = (commandsModule);
-// EXTERNAL MODULE: ../../ui/src/index.js + 693 modules
-var ui_src = __webpack_require__(61533);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/Panels/PanelROIThresholdSegmentation/ROIThresholdConfiguration.tsx
 
 
@@ -2033,21 +2031,14 @@ function ROIThresholdConfiguration({
     t
   } = (0,es/* useTranslation */.Bd)('ROIThresholdConfiguration');
   return /*#__PURE__*/react.createElement("div", {
-    className: "bg-primary-dark flex flex-col space-y-4"
+    className: "bg-primary-dark flex flex-col space-y-4 p-px"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex items-end space-x-2"
+    className: "flex items-end space-x-3"
   }, /*#__PURE__*/react.createElement("div", {
-    className: "flex w-1/2 flex-col"
-  }, /*#__PURE__*/react.createElement(ui_src/* Select */.l6, {
-    label: t('Strategy'),
-    closeMenuOnSelect: true,
-    className: "border-primary-main mr-2 bg-black text-white ",
-    options: options,
-    placeholder: options.find(option => option.value === config.strategy).placeHolder,
+    className: "flex min-w-0 flex-1 flex-col"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Select */.l6, {
     value: config.strategy,
-    onChange: ({
-      value
-    }) => {
+    onValueChange: value => {
       dispatch({
         type: 'setStrategy',
         payload: {
@@ -2055,26 +2046,32 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  })), /*#__PURE__*/react.createElement("div", {
-    className: "w-1/2"
-  }, /*#__PURE__*/react.createElement(ui_src/* LegacyButtonGroup */.xA, null, /*#__PURE__*/react.createElement(ui_src/* LegacyButton */._H, {
-    size: "initial",
-    className: "px-2 py-2 text-base text-white",
-    color: "primaryLight",
-    variant: "outlined",
+  }, /*#__PURE__*/react.createElement(ui_next_src/* SelectTrigger */.bq, {
+    className: "w-full"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* SelectValue */.yv, {
+    placeholder: options.find(option => option.value === config.strategy)?.placeHolder
+  })), /*#__PURE__*/react.createElement(ui_next_src/* SelectContent */.gC, {
+    className: ""
+  }, options.map(option => /*#__PURE__*/react.createElement(ui_next_src/* SelectItem */.eb, {
+    key: option.value,
+    value: option.value
+  }, option.label))))), /*#__PURE__*/react.createElement("div", {
+    className: "flex-shrink-0"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex justify-end space-x-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+    variant: "secondary",
     onClick: () => runCommand('setStartSliceForROIThresholdTool')
-  }, t('Start')), /*#__PURE__*/react.createElement(ui_src/* LegacyButton */._H, {
-    size: "initial",
-    color: "primaryLight",
-    variant: "outlined",
-    className: "px-2 py-2 text-base text-white",
+  }, t('Start')), /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+    variant: "secondary",
     onClick: () => runCommand('setEndSliceForROIThresholdTool')
-  }, t('End'))))), config.strategy === ROI_STAT && /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
-    label: t('Percentage of Max SUV'),
-    labelClassName: "text-[13px] font-inter text-white",
-    className: "border-primary-main bg-black",
+  }, t('End'))))), config.strategy === ROI_STAT && /*#__PURE__*/react.createElement("div", {
+    className: "mr-0"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "mb-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU, null, t('Percentage of Max SUV'))), /*#__PURE__*/react.createElement(ui_next_src/* Input */.pd, {
+    className: "w-full",
     type: "text",
-    containerClassName: "mr-2",
     value: config.weight,
     onChange: e => {
       dispatch({
@@ -2084,31 +2081,21 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  }), config.strategy !== ROI_STAT && /*#__PURE__*/react.createElement("div", {
+  })), config.strategy !== ROI_STAT && /*#__PURE__*/react.createElement("div", {
     className: "mr-2 text-sm"
-  }, /*#__PURE__*/react.createElement("table", null, /*#__PURE__*/react.createElement("tbody", null, /*#__PURE__*/react.createElement("tr", {
-    className: "mt-2"
-  }, /*#__PURE__*/react.createElement("td", {
-    className: "pr-4",
-    colSpan: "3"
-  }, /*#__PURE__*/react.createElement(ui_src/* Label */.JU, {
-    className: "font-inter text-[13px] text-white",
-    text: "Lower & Upper Ranges"
-  }))), /*#__PURE__*/react.createElement("tr", {
-    className: "mt-2"
-  }, /*#__PURE__*/react.createElement("td", {
-    className: "pr-4 pt-2 text-center"
-  }, /*#__PURE__*/react.createElement(ui_src/* Label */.JU, {
-    className: "text-white",
-    text: "CT"
-  })), /*#__PURE__*/react.createElement("td", null, /*#__PURE__*/react.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
-    label: t(''),
-    labelClassName: "text-white",
-    className: "border-primary-main mt-2 bg-black",
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex flex-col space-y-2"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU, null, "Lower & Upper Ranges"), /*#__PURE__*/react.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "w-10 text-left"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU, null, "CT")), /*#__PURE__*/react.createElement("div", {
+    className: "flex flex-1 space-x-2"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Input */.pd, {
+    className: "w-full",
     type: "text",
-    containerClassName: "mr-2",
     value: config.ctLower,
     onChange: e => {
       dispatch({
@@ -2118,12 +2105,11 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  }), /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
-    label: t(''),
-    labelClassName: "text-white",
-    className: "border-primary-main mt-2 bg-black",
+  })), /*#__PURE__*/react.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Input */.pd, {
+    className: "w-full",
     type: "text",
-    containerClassName: "mr-2",
     value: config.ctUpper,
     onChange: e => {
       dispatch({
@@ -2133,19 +2119,17 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  })))), /*#__PURE__*/react.createElement("tr", null, /*#__PURE__*/react.createElement("td", {
-    className: "pr-4 pt-2 text-center"
-  }, /*#__PURE__*/react.createElement(ui_src/* Label */.JU, {
-    className: "text-white",
-    text: "PT"
-  })), /*#__PURE__*/react.createElement("td", null, /*#__PURE__*/react.createElement("div", {
-    className: "flex justify-between"
-  }, /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
-    label: t(''),
-    labelClassName: "text-white",
-    className: "border-primary-main mt-2 bg-black",
+  })))), /*#__PURE__*/react.createElement("div", {
+    className: "flex items-center"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "w-10 text-left"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Label */.JU, null, "PT")), /*#__PURE__*/react.createElement("div", {
+    className: "flex flex-1 space-x-2"
+  }, /*#__PURE__*/react.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Input */.pd, {
+    className: "w-full",
     type: "text",
-    containerClassName: "mr-2",
     value: config.ptLower,
     onChange: e => {
       dispatch({
@@ -2155,12 +2139,11 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  }), /*#__PURE__*/react.createElement(ui_src/* Input */.pd, {
-    label: t(''),
-    labelClassName: "text-white",
-    className: "border-primary-main mt-2 bg-black",
+  })), /*#__PURE__*/react.createElement("div", {
+    className: "flex-1"
+  }, /*#__PURE__*/react.createElement(ui_next_src/* Input */.pd, {
+    className: "w-full",
     type: "text",
-    containerClassName: "mr-2",
     value: config.ptUpper,
     onChange: e => {
       dispatch({
@@ -2170,7 +2153,7 @@ function ROIThresholdConfiguration({
         }
       });
     }
-  }))))))));
+  })))))));
 }
 /* harmony default export */ const PanelROIThresholdSegmentation_ROIThresholdConfiguration = (ROIThresholdConfiguration);
 ;// CONCATENATED MODULE: ../../../extensions/tmtv/src/Panels/RectangleROIOptions.tsx
@@ -2251,13 +2234,14 @@ function RectangleROIOptions() {
     });
   }, [activeSegmentation, config]);
   return /*#__PURE__*/react.createElement("div", {
-    className: "invisible-scrollbar mb-2 flex flex-col overflow-y-auto overflow-x-hidden"
+    className: "invisible-scrollbar mb-1 flex flex-col overflow-y-auto overflow-x-hidden"
   }, /*#__PURE__*/react.createElement(PanelROIThresholdSegmentation_ROIThresholdConfiguration, {
     config: config,
     dispatch: dispatch,
     runCommand: runCommand
-  }), activeSegmentation && /*#__PURE__*/react.createElement(ui_src/* Button */.$n, {
-    className: "mt-2 !h-[26px] !w-[75px]",
+  }), activeSegmentation && /*#__PURE__*/react.createElement(ui_next_src/* Button */.$n, {
+    variant: "default",
+    className: "my-3 mr-auto w-20",
     onClick: handleROIThresholding
   }, "Run"));
 }