@ohif/app 3.9.0-beta.4 → 3.9.0-beta.40

package/dist/{574.bundle.72bd5061ccd504235419.js → 139.bundle.09e5af0a9ae8a285af77.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.bf32dc457ea9abccca09.js → 14.bundle.90dd112f5bc6f21d6ce1.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.1f650e1ef1b10d19870f.js → 140.bundle.a58cbadd477749143dea.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