@ohif/app 3.12.0-beta.77 → 3.12.0-beta.78

package/dist/{810.bundle.fd0a60e4edaeff3cc7ff.js → 810.bundle.d31e9fd894cac5ec768a.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 + 3072 modules
-var ui_next_src = __webpack_require__(42606);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
+var ui_next_src = __webpack_require__(1246);
 ;// ../../../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); }
 
@@ -975,8 +975,8 @@ PanelPetSUV.propTypes = {
     }).isRequired
   }).isRequired
 };
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 186 modules
-var cornerstone_src = __webpack_require__(23409);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
+var cornerstone_src = __webpack_require__(37948);
 ;// ../../../extensions/tmtv/src/utils/handleROIThresholding.ts
 const handleROIThresholding = async ({
   commandsManager,
@@ -1096,8 +1096,8 @@ function PanelRoiThresholdSegmentation() {
 
 
 
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 139 modules
-var default_src = __webpack_require__(11447);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 141 modules
+var default_src = __webpack_require__(39548);
 ;// ../../../extensions/tmtv/src/Panels/PanelTMTV.tsx
 
 

package/dist/{8558.bundle.ad2f1dac0b4b583d75db.js → 8558.bundle.83d96d728f9f186ea5ad.js}

@@ -879,7 +879,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return Promise.all(/* import() */[__webpack_require__.e(4019), __webpack_require__.e(319), __webpack_require__.e(5400), __webpack_require__.e(7412), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(1447), __webpack_require__.e(3409), __webpack_require__.e(5349)]).then(__webpack_require__.bind(__webpack_require__, 88414));
+  return Promise.all(/* import() */[__webpack_require__.e(4019), __webpack_require__.e(319), __webpack_require__.e(5400), __webpack_require__.e(7412), __webpack_require__.e(2108), __webpack_require__.e(7431), __webpack_require__.e(9548), __webpack_require__.e(7948), __webpack_require__.e(5349)]).then(__webpack_require__.bind(__webpack_require__, 88414));
 });
 const OHIFCornerstoneRTViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {

package/dist/{934.bundle.a3ba7abd77061cfa2d32.js → 934.bundle.a25daa6ed5038a83faf8.js}

@@ -769,8 +769,8 @@ function getCustomizationModule() {
 /* harmony default export */ const maxNumImageFrames = ((study, extraData) => Math.max(...(extraData?.displaySets?.map?.(ds => ds.numImageFrames ?? 0) || [0])));
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 186 modules
-var src = __webpack_require__(23409);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
+var src = __webpack_require__(37948);
 ;// ../../../extensions/test-extension/src/getPanelModule.tsx
 
 

package/dist/{1447.bundle.0e0f2e950690447bfda1.js → 9548.bundle.9e723f4ad09b9c1b431a.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[1447],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9548],{
 
 /***/ 52675:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -8,7 +8,7 @@
 /* harmony export */   A: () => (/* binding */ MoreDropdownMenu)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42606);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1246);
 /* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42356);
 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); }
 
@@ -123,8 +123,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3072 modules
-var src = __webpack_require__(42606);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
+var src = __webpack_require__(1246);
 // EXTERNAL MODULE: ../../core/src/index.ts + 69 modules
 var core_src = __webpack_require__(42356);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -622,7 +622,7 @@ function _findTabAndStudyOfDisplaySet(displaySetInstanceUID, tabs, currentTabNam
 /* harmony export */   T: () => (/* binding */ PanelStudyBrowserHeader)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(42606);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1246);
 
 
 
@@ -678,6 +678,13 @@ function PanelStudyBrowserHeader({
 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); }
 
 
+
+/**
+ * Props for the Toolbar component that renders a collection of toolbar buttons and/or button sections.
+ *
+ * @interface ToolbarProps
+ */
+
 function Toolbar({
   buttonSection = 'primary',
   viewportId,
@@ -731,13 +738,18 @@ function Toolbar({
     }, enhancedProps));
     return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
       key: id
+      // This wrapper div exists solely for React's key prop requirement during reconciliation.
+      // We use display:contents to make it transparent to the layout engine (children appear
+      // as direct children of the parent) while keeping it in the DOM for React's virtual DOM.
+      ,
+      className: "contents"
     }, tool);
   }));
 }
 
 /***/ }),
 
-/***/ 11447:
+/***/ 39548:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -3689,8 +3701,8 @@ var react = __webpack_require__(86326);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3072 modules
-var ui_next_src = __webpack_require__(42606);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
+var ui_next_src = __webpack_require__(1246);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
 var state = __webpack_require__(45981);
 // EXTERNAL MODULE: ../../../node_modules/react-router-dom/dist/index.js
@@ -3953,7 +3965,11 @@ const SidePanelWithServices = ({
   onClose,
   ...props
 }) => {
-  const panelService = servicesManager?.services?.panelService;
+  const {
+    panelService,
+    toolbarService,
+    viewportGridService
+  } = servicesManager.services;
 
   // Tracks whether this SidePanel has been opened at least once since this SidePanel was inserted into the DOM.
   // Thus going to the Study List page and back to the viewer resets this flag for a SidePanel.
@@ -3964,8 +3980,14 @@ const SidePanelWithServices = ({
   const handleActiveTabIndexChange = (0,react.useCallback)(({
     activeTabIndex
   }) => {
+    const {
+      activeViewportId: viewportId
+    } = viewportGridService.getState();
+    toolbarService.refreshToolbarState({
+      viewportId
+    });
     setActiveTabIndex(activeTabIndex);
-  }, []);
+  }, [toolbarService, viewportGridService]);
   const handleOpen = (0,react.useCallback)(() => {
     setSidePanelExpanded(true);
     onOpen?.();
@@ -5779,6 +5801,21 @@ function ToolButtonWrapper(props) {
   }, Icon));
 }
 
+;// ../../../extensions/default/src/Toolbar/ToolbarDivider.tsx
+
+function ToolbarDivider() {
+  return /*#__PURE__*/React.createElement("span", {
+    className: "border-common-dark mx-2 h-8 w-4 self-center border-l"
+  });
+}
+;// ../../../extensions/default/src/Toolbar/index.ts
+
+
+
+
+
+
+
 ;// ../../../extensions/default/src/getToolbarModule.tsx
 
 
@@ -5791,6 +5828,7 @@ function ToolButtonWrapper(props) {
 
 
 
+
 function getToolbarModule({
   commandsManager,
   servicesManager
@@ -5827,6 +5865,9 @@ function getToolbarModule({
   }, {
     name: 'ohif.progressDropdown',
     defaultComponent: ProgressDropdownWithService
+  }, {
+    name: 'ohif.Toolbar',
+    defaultComponent: Toolbar/* Toolbar */.M
   }, {
     name: 'evaluate.cine',
     evaluate: () => {
@@ -10394,8 +10435,8 @@ function AboutModalDefault() {
     name
   } = (0,browser_detect_es5/* default */.A)();
   const browser = `${name[0].toUpperCase()}${name.substr(1)} ${version}`;
-  const versionNumber = "3.12.0-beta.77";
-  const commitHash = "76f7d4e23aa359a3397b10adf0bf09df3763f190";
+  const versionNumber = "3.12.0-beta.78";
+  const commitHash = "35bfc9b0ccfea25a61bebf8e252284db7c40e602";
   const [main, beta] = versionNumber.split('-');
   return /*#__PURE__*/react.createElement(ui_next_src/* AboutModal */.VTU, {
     className: "w-[400px]"
@@ -11543,6 +11584,10 @@ function Toolbox_extends() { return Toolbox_extends = Object.assign ? Object.ass
 
 
 
+/**
+ * Props for the Toolbox component that renders a collection of toolbar button sections.
+ */
+
 /**
  * A toolbox is a collection of buttons and commands that they invoke, used to provide
  * custom control panels to users. This component is a generic UI component that
@@ -11574,6 +11619,11 @@ function Toolbox({
   } = (0,src/* useToolbar */.tR)({
     buttonSection: buttonSectionId
   });
+  const {
+    activeToolOptions
+  } = (0,src/* useActiveToolOptions */.KP)({
+    buttonSectionId
+  });
   if (!toolboxSections.length) {
     return null;
   }
@@ -11583,33 +11633,6 @@ function Toolbox({
     throw new Error('Toolbox accepts only button sections at the top level, not buttons. Create at least one button section.');
   }
 
-  // Helper to check a list of buttons for an active tool.
-  const findActiveOptions = buttons => {
-    for (const tool of buttons) {
-      if (tool.componentProps.isActive) {
-        return tool.componentProps.options;
-      }
-      if (tool.componentProps.buttonSection) {
-        const nestedButtons = toolbarService.getButtonPropsInButtonSection(tool.componentProps.buttonSection);
-        const activeNested = nestedButtons.find(nested => nested.isActive);
-        if (activeNested) {
-          return activeNested.options;
-        }
-      }
-    }
-    return null;
-  };
-
-  // Look for active tool options across all sections.
-  const activeToolOptions = toolboxSections.reduce((activeOptions, section) => {
-    if (activeOptions) {
-      return activeOptions;
-    }
-    const sectionId = section.componentProps.buttonSection;
-    const buttons = toolbarService.getButtonSection(sectionId);
-    return findActiveOptions(buttons);
-  }, null);
-
   // Define the interaction handler once.
   const handleInteraction = ({
     itemId
@@ -11636,9 +11659,13 @@ function Toolbox({
     const buttons = toolbarService.getButtonSection(sectionId);
     return /*#__PURE__*/react.createElement("div", {
       key: sectionId,
-      className: "bg-muted flex flex-wrap space-x-2 py-2 px-1"
+      className: "bg-muted flex flex-wrap gap-2 py-2 px-1"
     }, buttons.map(tool => {
-      if (!tool) {
+      // Skip over tools that are not visible. The visible flag is typically set to
+      // false as a result of the evaluator function. The evaluator might explicitly
+      // set visible to false. Alternatively, the ToolbarService will set the visible flag to
+      // false when the evaluator sets disabled to true and the tool has the hideWhenDisabled flag set to true.
+      if (!tool || !tool.componentProps.visible) {
         return null;
       }
       const {
@@ -11647,8 +11674,7 @@ function Toolbox({
         componentProps
       } = tool;
       return /*#__PURE__*/react.createElement("div", {
-        key: id,
-        className: classnames_default()('ml-1')
+        key: id
       }, /*#__PURE__*/react.createElement(Component, Toolbox_extends({}, componentProps, {
         id: id,
         onInteraction: handleInteraction,

package/dist/{8740.bundle.39b40ee21a873e824ce8.js → 9845.bundle.6ee5ca8fe9f68cefd56d.js}

@@ -1,5 +1,5 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[8740],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[9845],{
 
 /***/ 69845:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -14,8 +14,8 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3072 modules
-var src = __webpack_require__(42606);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 3073 modules
+var src = __webpack_require__(1246);
 ;// ../../../extensions/cornerstone-dicom-seg/src/utils/initSEGToolGroup.ts
 function createSEGToolGroupAndAddTools({
   commandsManager,
@@ -30,8 +30,8 @@ function createSEGToolGroupAndAddTools({
   return toolGroupService.createToolGroupAndAddTools(toolGroupId, updatedTools);
 }
 /* harmony default export */ const initSEGToolGroup = (createSEGToolGroupAndAddTools);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 186 modules
-var cornerstone_src = __webpack_require__(23409);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 192 modules
+var cornerstone_src = __webpack_require__(37948);
 ;// ../../../extensions/cornerstone-dicom-seg/src/utils/promptHydrateSEG.ts
 
 function promptHydrateSEG({

package/dist/{9862.bundle.dc627e5f01fc4698a00f.js → 9862.bundle.e2c4c129f7907500b840.js}

@@ -11,8 +11,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(86326);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(97598);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(42606);
-/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(23409);
+/* harmony import */ var _ohif_ui_next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(1246);
+/* harmony import */ var _ohif_extension_cornerstone__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37948);
 /* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4667);
 /* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(55844);
 /* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(15327);