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

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

@@ -9993,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.133";
-  const commitHash = "01c3726ced9afaa75b7c78fd22b380b42151c671";
+  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.ee57937baa8fa6e55087.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"));
 }