@ohif/app 3.9.0-beta.21 → 3.9.0-beta.23

package/dist/{889.bundle.ed8937ba0c5455ed894d.js → 121.bundle.0772f52e6bec8eb92dfa.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[889],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[121],{
 
-/***/ 62889:
+/***/ 67121:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -20,10 +20,10 @@ const id = package_namespaceObject.UU;
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(8633);
+var core_src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(80619);
 // EXTERNAL MODULE: ../../../node_modules/mathjs/lib/esm/index.js + 996 modules
@@ -1349,6 +1349,15 @@ class MicroscopyService extends core_src/* PubSubService */.Rc {
   setROIStyle(uid, styleOptions) {
     this.managedViewers.forEach(mv => mv.setROIStyle(uid, styleOptions));
   }
+
+  /**
+   * Get all managed viewers
+   *
+   * @returns {Array} managedViewers
+   */
+  getAllManagedViewers() {
+    return Array.from(this.managedViewers);
+  }
 }
 _MicroscopyService = MicroscopyService;
 MicroscopyService.REGISTRATION = servicesManager => {
@@ -2565,6 +2574,11 @@ function getDicomMicroscopySRSopClassHandler({
     getDisplaySetsFromSeries
   };
 }
+// EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
+var index_esm = __webpack_require__(78668);
+// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
+var lodash_debounce = __webpack_require__(14771);
+var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/index.tsx
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -2575,8 +2589,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
+
 const Component = /*#__PURE__*/react.lazy(() => {
-  return Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(390), __webpack_require__.e(544)]).then(__webpack_require__.bind(__webpack_require__, 17919));
+  return Promise.all(/* import() */[__webpack_require__.e(370), __webpack_require__.e(367), __webpack_require__.e(483), __webpack_require__.e(236), __webpack_require__.e(644), __webpack_require__.e(931), __webpack_require__.e(461), __webpack_require__.e(172)]).then(__webpack_require__.bind(__webpack_require__, 66921));
 });
 const MicroscopyViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -2628,14 +2644,25 @@ const extension = {
       const {
         activeViewportId
       } = viewportGrid;
-
-      // a unique identifier based on the contents of displaySets.
-      // since we changed our rendering pipeline and if there is no
-      // element size change nor viewportId change we won't re-render
-      // we need a way to force re-rendering when displaySets change.
       const displaySetsKey = (0,react.useMemo)(() => {
         return props.displaySets.map(ds => ds.displaySetInstanceUID).join('-');
       }, [props.displaySets]);
+      const onResize = lodash_debounce_default()(() => {
+        const {
+          microscopyService
+        } = servicesManager.services;
+        const managedViewer = microscopyService.getAllManagedViewers();
+        if (managedViewer && managedViewer.length > 0) {
+          managedViewer[0].viewer.resize();
+        }
+      }, 100);
+      const {
+        ref: resizeRef
+      } = (0,index_esm/* useResizeDetector */.u)({
+        onResize,
+        handleHeight: true,
+        handleWidth: true
+      });
       return /*#__PURE__*/react.createElement(MicroscopyViewport, _extends({
         key: displaySetsKey,
         servicesManager: servicesManager,
@@ -2645,7 +2672,8 @@ const extension = {
         setViewportActive: viewportId => {
           viewportGridService.setActiveViewportId(viewportId);
         },
-        viewportData: viewportOptions
+        viewportData: viewportOptions,
+        resizeRef: resizeRef
       }, props));
     };
     return [{

package/dist/{998.bundle.37015da90e590043cda0.js → 129.bundle.4dd38a22e6d9f79d834e.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[998,481],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[129,404],{
 
-/***/ 32009:
+/***/ 70282:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -23,7 +23,7 @@ const SOPClassHandlerId = `${id}.sopClassHandlerModule.${SOPClassHandlerName}`;
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(92136);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -314,11 +314,11 @@ function getHangingProtocolModule() {
 /* harmony default export */ const src_getHangingProtocolModule = (getHangingProtocolModule);
 
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state = __webpack_require__(15575);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var ui_src = __webpack_require__(5085);
+var state = __webpack_require__(81883);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var ui_src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 85 modules
-var default_src = __webpack_require__(47390);
+var default_src = __webpack_require__(56461);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
@@ -880,7 +880,7 @@ var ImageData = __webpack_require__(51250);
  * @param params.viewportId - ID of the viewport to be updated.
  * @param params.loadFn - Function to load the segmentation data.
  * @param params.servicesManager - The services manager.
- * @param params.referencedDisplaySetInstanceUID - Optional UID for the referenced display set instance.
+ * @param params.displaySet -  the display set.
  *
  * @returns Returns true upon successful update of viewports for segmentation rendering.
  */
@@ -888,7 +888,7 @@ async function updateViewportsForSegmentationRendering({
   viewportId,
   loadFn,
   servicesManager,
-  referencedDisplaySetInstanceUID
+  displaySet
 }) {
   const {
     cornerstoneViewportService,
@@ -900,11 +900,11 @@ async function updateViewportsForSegmentationRendering({
     viewportGridService
   });
   const targetViewportId = viewport.viewportOptions.viewportId;
-  referencedDisplaySetInstanceUID = referencedDisplaySetInstanceUID || viewport?.displaySetInstanceUIDs[0];
+  const referencedDisplaySetInstanceUID = displaySet?.referencedDisplaySetInstanceUID || viewport?.displaySetInstanceUIDs[0];
   const updatedViewports = getUpdatedViewportsForSegmentation({
     servicesManager,
     viewportId,
-    referencedDisplaySetInstanceUID
+    displaySet
   });
 
   // create Segmentation callback which needs to be waited until
@@ -920,7 +920,7 @@ async function updateViewportsForSegmentationRendering({
   updatedViewports.forEach(async viewport => {
     viewport.viewportOptions = {
       ...viewport.viewportOptions,
-      viewportType: 'volume',
+      viewportType: displaySet?.Modality === 'RTSTRUCT' ? 'stack' : 'volume',
       needsRerendering: true
     };
     const viewportId = viewport.viewportId;
@@ -929,7 +929,7 @@ async function updateViewportsForSegmentationRendering({
 
     // only run the createSegmentationForVolume for the targetViewportId
     // since the rest will get handled by cornerstoneViewportService
-    if (volumeExists && viewportId === targetViewportId) {
+    if ((volumeExists || displaySet.Modality === 'RTSTRUCT') && viewportId === targetViewportId) {
       await createSegmentationForVolume();
       return;
     }
@@ -978,14 +978,14 @@ const getTargetViewport = ({
  * @param {Object} params - Parameters for the function.
  * @param params.viewportId - the ID of the viewport to be updated.
  * @param params.servicesManager - The services manager
- * @param params.referencedDisplaySetInstanceUID - Optional UID for the referenced display set instance.
+ * @param params.displaySet -  the display set.
  *
  * @returns {Array} Returns an array of viewports that require updates for segmentation rendering.
  */
 function getUpdatedViewportsForSegmentation({
   viewportId,
   servicesManager,
-  referencedDisplaySetInstanceUID
+  displaySet
 }) {
   const {
     hangingProtocolService,
@@ -1003,7 +1003,7 @@ function getUpdatedViewportsForSegmentation({
   });
   const targetViewportId = viewport.viewportOptions.viewportId;
   const displaySetInstanceUIDs = viewports.get(targetViewportId).displaySetInstanceUIDs;
-  const referenceDisplaySetInstanceUID = referencedDisplaySetInstanceUID || displaySetInstanceUIDs[0];
+  const referenceDisplaySetInstanceUID = displaySet?.referencedDisplaySetInstanceUID || displaySetInstanceUIDs[0];
   const referencedDisplaySet = displaySetService.getDisplaySetByUID(referenceDisplaySetInstanceUID);
   const segmentationFrameOfReferenceUID = referencedDisplaySet.instances[0].FrameOfReferenceUID;
   const updatedViewports = hangingProtocolService.getViewportsRequireUpdate(targetViewportId, referenceDisplaySetInstanceUID, isHangingProtocolLayout);
@@ -1017,7 +1017,7 @@ function getUpdatedViewportsForSegmentation({
         viewportId,
         displaySetInstanceUIDs: viewport.displaySetInstanceUIDs,
         viewportOptions: {
-          viewportType: 'volume',
+          viewportType: displaySet.Modality === 'RTSTRUCT' ? 'stack' : 'volume',
           needsRerendering: true
         }
       });
@@ -1225,7 +1225,7 @@ const commandsModule = ({
       updateViewportsForSegmentationRendering({
         viewportId,
         servicesManager,
-        referencedDisplaySetInstanceUID: displaySet.referencedDisplaySetInstanceUID,
+        displaySet,
         loadFn: async () => {
           const segDisplaySet = displaySet;
           const suppressEvents = false;
@@ -1538,7 +1538,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 295).then(__webpack_require__.bind(__webpack_require__, 58295));
+  return __webpack_require__.e(/* import() */ 675).then(__webpack_require__.bind(__webpack_require__, 93675));
 });
 const OHIFCornerstoneSEGViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {

package/dist/{574.bundle.0bcd9d70f4b1eea48082.js → 139.bundle.679c4baad7c7f65ebabd.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[574],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[139],{
 
-/***/ 71574:
+/***/ 56139:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -24,11 +24,11 @@ var esm = __webpack_require__(39371);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var dist_esm = __webpack_require__(92136);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var ui_src = __webpack_require__(5085);
+var src = __webpack_require__(75186);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var ui_src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/state.ts
-var state = __webpack_require__(71353);
+var state = __webpack_require__(83910);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/OHIFCornerstoneViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -83,7 +83,7 @@ function CornerstoneImageScrollbar({
       const imageIndex = viewport.getCurrentImageIdIndex();
       setImageSliceData({
         imageIndex: imageIndex,
-        numberOfSlices: viewportData.data.imageIds.length
+        numberOfSlices: viewportData.data[0].imageIds.length
       });
       return;
     }
@@ -113,7 +113,7 @@ function CornerstoneImageScrollbar({
       // find the index of imageId in the imageIds
       setImageSliceData({
         imageIndex: newImageIdIndex,
-        numberOfSlices: viewportData.data.imageIds.length
+        numberOfSlices: viewportData.data[0].imageIds.length
       });
     };
     element.addEventListener(dist_esm.Enums.Events.STACK_VIEWPORT_SCROLL, updateStackIndex);
@@ -468,7 +468,7 @@ function CustomizableViewportOverlay({
 function _getViewportInstances(viewportData) {
   const imageIds = [];
   if (viewportData.viewportType === dist_esm.Enums.ViewportType.STACK) {
-    imageIds.push(viewportData.data.imageIds[0]);
+    imageIds.push(viewportData.data[0].imageIds[0]);
   } else if (viewportData.viewportType === dist_esm.Enums.ViewportType.ORTHOGRAPHIC) {
     const volumes = viewportData.data;
     volumes.forEach(volume => {
@@ -498,7 +498,7 @@ const getInstanceNumber = (viewportData, viewportId, imageIndex, cornerstoneView
   return instanceNumber ?? null;
 };
 function _getInstanceNumberFromStack(viewportData, imageIndex) {
-  const imageIds = viewportData.data.imageIds;
+  const imageIds = viewportData.data[0].imageIds;
   const imageId = imageIds[imageIndex];
   if (!imageId) {
     return;
@@ -645,7 +645,6 @@ var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 
 
 
-
 const {
   getOrientationStringLPS,
   invertOrientationStringLPS
@@ -694,7 +693,7 @@ function ViewportOrientationMarkers({
     let rowCosines, columnCosines;
     if (viewportData.viewportType === 'stack') {
       const imageIndex = imageSliceData.imageIndex;
-      const imageId = viewportData.data.imageIds?.[imageIndex];
+      const imageId = viewportData.data[0].imageIds?.[imageIndex];
 
       // Workaround for below TODO stub
       if (!imageId) {
@@ -740,14 +739,6 @@ function ViewportOrientationMarkers({
     className: "ViewportOrientationMarkers select-none"
   }, markers);
 }
-ViewportOrientationMarkers.propTypes = {
-  percentComplete: (prop_types_default()).number,
-  error: (prop_types_default()).object
-};
-ViewportOrientationMarkers.defaultProps = {
-  percentComplete: 0,
-  error: null
-};
 
 /**
  *
@@ -874,14 +865,9 @@ function ViewportImageSliceLoadingIndicator({
   return null;
 }
 ViewportImageSliceLoadingIndicator.propTypes = {
-  percentComplete: (prop_types_default()).number,
   error: (prop_types_default()).object,
   element: (prop_types_default()).object
 };
-ViewportImageSliceLoadingIndicator.defaultProps = {
-  percentComplete: 0,
-  error: null
-};
 /* harmony default export */ const Overlays_ViewportImageSliceLoadingIndicator = (ViewportImageSliceLoadingIndicator);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/Viewport/Overlays/CornerstoneOverlays.tsx
 
@@ -955,11 +941,11 @@ function CornerstoneOverlays(props) {
 }
 /* harmony default export */ const Overlays_CornerstoneOverlays = (CornerstoneOverlays);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/utils/measurementServiceMappings/utils/getSOPInstanceAttributes.js
-var getSOPInstanceAttributes = __webpack_require__(1663);
+var getSOPInstanceAttributes = __webpack_require__(20928);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
 var streaming_image_volume_loader_dist_esm = __webpack_require__(23722);
 // EXTERNAL MODULE: ./state/index.js + 1 modules
-var state_0 = __webpack_require__(15575);
+var state_0 = __webpack_require__(81883);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/CinePlayer/CinePlayer.tsx
 
 
@@ -1205,7 +1191,7 @@ function RenderCinePlayer({
 
 /* harmony default export */ const components_CinePlayer = (CinePlayer);
 // EXTERNAL MODULE: ../../../extensions/cornerstone/src/contextProviders/ViewportActionCornersProvider.tsx
-var ViewportActionCornersProvider = __webpack_require__(76255);
+var ViewportActionCornersProvider = __webpack_require__(40684);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone/src/components/OHIFViewportActionCorners.tsx
 
 
@@ -2203,7 +2189,7 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     onElementEnabled,
     // eslint-disable-next-line react/prop-types
     onElementDisabled,
-    isJumpToMeasurementDisabled,
+    isJumpToMeasurementDisabled = false,
     // Note: you SHOULD NOT use the initialImageIdOrIndex for manipulation
     // of the imageData in the OHIFCornerstoneViewport. This prop is used
     // to set the initial state of the viewport's first image to render
@@ -2439,12 +2425,14 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
       indexPriority: -100
     });
   }, [displaySets, viewportId, viewportActionCornersService, servicesManager, commandsManager]);
+  const {
+    ref: resizeRef
+  } = (0,index_esm/* useResizeDetector */.u)({
+    onResize
+  });
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement("div", {
     className: "viewport-wrapper"
-  }, /*#__PURE__*/react.createElement(index_esm/* default */.Ay, {
-    onResize: onResize,
-    targetRef: elementRef.current
-  }), /*#__PURE__*/react.createElement("div", {
+  }, /*#__PURE__*/react.createElement("div", {
     className: "cornerstone-viewport-element",
     style: {
       height: '100%',
@@ -2452,7 +2440,10 @@ const OHIFCornerstoneViewport = /*#__PURE__*/react.memo(props => {
     },
     onContextMenu: e => e.preventDefault(),
     onMouseDown: e => e.preventDefault(),
-    ref: elementRef
+    ref: el => {
+      resizeRef.current = el;
+      elementRef.current = el;
+    }
   }), /*#__PURE__*/react.createElement(Overlays_CornerstoneOverlays, {
     viewportId: viewportId,
     toolBarService: toolbarService,
@@ -2632,9 +2623,6 @@ function _rehydrateSynchronizers(synchronizersStore, viewportId, syncGroupServic
 
 // Component displayName
 OHIFCornerstoneViewport.displayName = 'OHIFCornerstoneViewport';
-OHIFCornerstoneViewport.defaultProps = {
-  isJumpToMeasurementDisabled: false
-};
 OHIFCornerstoneViewport.propTypes = {
   displaySets: (prop_types_default()).array.isRequired,
   dataSource: (prop_types_default()).object.isRequired,

package/dist/{989.bundle.e81da55a6954a12e5ea1.js → 14.bundle.4aa15daa6d5a84f58826.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[989],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[14],{
 
-/***/ 50989:
+/***/ 9014:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -12,10 +12,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ basic_dev_mode_src)
 });
 
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(8633);
+var core_src = __webpack_require__(75186);
 ;// CONCATENATED MODULE: ../../../modes/basic-dev-mode/src/toolbarButtons.js
 
 

package/dist/{783.bundle.c5b7e2433ecb9d8e2541.js → 140.bundle.70e79ec0e0d41b05b09d.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[783],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[140],{
 
-/***/ 164:
+/***/ 70140:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG

package/dist/{544.bundle.4d1fb477b572f50f4220.js → 172.bundle.4275aa564c7824b64bb7.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[544,481],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[172,404],{
 
-/***/ 17919:
+/***/ 66921:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -14,16 +14,11 @@ __webpack_require__.d(__webpack_exports__, {
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(41766);
-// EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(78668);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../../node_modules/lodash.debounce/index.js
-var lodash_debounce = __webpack_require__(14771);
-var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var src = __webpack_require__(79047);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/DicomMicroscopyViewport.css
 // extracted by mini-css-extract-plugin
 
@@ -257,9 +252,9 @@ const itemGenerator = props => {
 };
 /* harmony default export */ const ViewportOverlay = (generateFromConfig({}));
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var core_src = __webpack_require__(8633);
+var core_src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 85 modules
-var default_src = __webpack_require__(47390);
+var default_src = __webpack_require__(56461);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dicomWebClient.ts
 
 
@@ -384,8 +379,6 @@ function cleanDenaturalizedDataset(obj, options) {
 
 
 
-
-
 class DicomMicroscopyViewport extends react.Component {
   constructor(props) {
     super(props);
@@ -400,7 +393,6 @@ class DicomMicroscopyViewport extends react.Component {
     // managed wrapper of microscopy-dicom extension
     this.container = /*#__PURE__*/react.createRef();
     this.overlayElement = /*#__PURE__*/react.createRef();
-    this.debouncedResize = void 0;
     this.setViewportActiveHandler = () => {
       const {
         setViewportActive,
@@ -411,18 +403,10 @@ class DicomMicroscopyViewport extends react.Component {
         setViewportActive(viewportId);
       }
     };
-    this.onWindowResize = () => {
-      this.debouncedResize();
-    };
     const {
       microscopyService
     } = this.props.servicesManager.services;
     this.microscopyService = microscopyService;
-    this.debouncedResize = lodash_debounce_default()(() => {
-      if (this.viewer) {
-        this.viewer.resize();
-      }
-    }, 100);
   }
   /**
    * Get the nearest ROI from the mouse click point
@@ -641,13 +625,12 @@ class DicomMicroscopyViewport extends react.Component {
       displaySet: displaySet,
       instance: displaySet.instance,
       metadata: displaySet.metadata
-    })))), index_esm/* default */.Ay && /*#__PURE__*/react.createElement(index_esm/* default */.Ay, {
-      handleWidth: true,
-      handleHeight: true,
-      onResize: this.onWindowResize
-    }), this.state.error ? /*#__PURE__*/react.createElement("h2", null, JSON.stringify(this.state.error)) : /*#__PURE__*/react.createElement("div", {
+    })))), this.state.error ? /*#__PURE__*/react.createElement("h2", null, JSON.stringify(this.state.error)) : /*#__PURE__*/react.createElement("div", {
       style: style,
-      ref: this.container
+      ref: ref => {
+        this.container.current = ref;
+        this.props.resizeRef.current = ref;
+      }
     }), this.state.isLoaded ? null : /*#__PURE__*/react.createElement(src/* LoadingIndicatorProgress */.Jx, {
       className: 'h-full w-full bg-black'
     }));
@@ -667,7 +650,10 @@ DicomMicroscopyViewport.propTypes = {
   // other props from wrapping component
   servicesManager: (prop_types_default()).object,
   extensionManager: (prop_types_default()).object,
-  commandsManager: (prop_types_default()).object
+  commandsManager: (prop_types_default()).object,
+  resizeRef: prop_types_default().oneOfType([(prop_types_default()).func, prop_types_default().shape({
+    current: (prop_types_default()).any
+  })])
 };
 /* harmony default export */ const src_DicomMicroscopyViewport = (DicomMicroscopyViewport);
 

package/dist/{487.bundle.3f0e64e16189f92fcebc.js → 194.bundle.179e4233aeb2ea81728a.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[487],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[194],{
 
-/***/ 26487:
+/***/ 73194:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -27,7 +27,7 @@ const id = package_namespaceObject.UU;
 const SOPClassHandlerName = 'dynamic-volume';
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 28 modules
 var esm = __webpack_require__(92136);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/tools/dist/esm/index.js
@@ -656,8 +656,8 @@ var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(11374);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
-// EXTERNAL MODULE: ../../ui/src/index.js + 785 modules
-var ui_src = __webpack_require__(5085);
+// EXTERNAL MODULE: ../../ui/src/index.js + 782 modules
+var ui_src = __webpack_require__(79047);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/streaming-image-volume-loader/dist/esm/index.js + 13 modules
 var streaming_image_volume_loader_dist_esm = __webpack_require__(23722);
 ;// CONCATENATED MODULE: ../../../extensions/cornerstone-dynamic-volume/src/panels/DynamicVolumeControls.tsx

package/dist/{699.bundle.428f20dd60662f1e5edd.js → 211.bundle.56463a11e29c6304c2f9.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[699],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[211],{
 
-/***/ 40080:
+/***/ 42211:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 ;// CONCATENATED MODULE: ../../../modes/segmentation/package.json
 const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-segmentation"}');
 ;// CONCATENATED MODULE: ../../../modes/segmentation/src/id.js

package/dist/{776.bundle.981d8227b59f97f11dd8.js → 218.bundle.e495b3659417ef205b05.js}

@@ -1,7 +1,7 @@
 "use strict";
-(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[776],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[218],{
 
-/***/ 40776:
+/***/ 58218:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,7 +13,7 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../core/src/index.ts + 72 modules
-var src = __webpack_require__(8633);
+var src = __webpack_require__(75186);
 ;// CONCATENATED MODULE: ../../../modes/tmtv/src/initToolGroups.js
 const toolGroupIds = {
   CT: 'ctToolGroup',