@ohif/app 3.8.0-beta.7 → 3.8.0-beta.70

package/dist/{886.bundle.c8dd3ecc42a4253de278.js → 530.bundle.566bfd08dccb4cf6d98b.js}

@@ -1,22 +1,22 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[886],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[530],{
 
-/***/ 48886:
+/***/ 58530:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
 /* harmony export */ });
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3827);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11374);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(43001);
-/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(69190);
-/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(71771);
-/* harmony import */ var _tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(64035);
-/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(22582);
-/* harmony import */ var _utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38965);
-/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(62657);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(41766);
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(80619);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(85073);
+/* harmony import */ var _tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(74334);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(48804);
+/* harmony import */ var _utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(77089);
+/* harmony import */ var _state__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(15575);
 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); }
 
 
@@ -26,9 +26,6 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
-const {
-  formatDate
-} = _ohif_core__WEBPACK_IMPORTED_MODULE_3__.utils;
 const MEASUREMENT_TRACKING_EXTENSION_ID = '@ohif/extension-measurement-tracking';
 const SR_TOOLGROUP_BASE_NAME = 'SRToolGroup';
 function OHIFCornerstoneSRViewport(props) {
@@ -36,16 +33,16 @@ function OHIFCornerstoneSRViewport(props) {
     children,
     dataSource,
     displaySets,
-    viewportLabel,
     viewportOptions,
     servicesManager,
     extensionManager
   } = props;
-  const [appConfig] = (0,_state__WEBPACK_IMPORTED_MODULE_7__/* .useAppConfig */ .M)();
+  const [appConfig] = (0,_state__WEBPACK_IMPORTED_MODULE_7__/* .useAppConfig */ .r)();
   const {
     displaySetService,
     cornerstoneViewportService,
-    measurementService
+    measurementService,
+    viewportActionCornersService
   } = servicesManager.services;
   const viewportId = viewportOptions.viewportId;
 
@@ -54,7 +51,7 @@ function OHIFCornerstoneSRViewport(props) {
     throw new Error('SR viewport should only have a single display set');
   }
   const srDisplaySet = displaySets[0];
-  const [viewportGrid, viewportGridService] = (0,_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .useViewportGrid */ .O_)();
+  const [viewportGrid, viewportGridService] = (0,_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .useViewportGrid */ .ih)();
   const [measurementSelected, setMeasurementSelected] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(0);
   const [measurementCount, setMeasurementCount] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(1);
   const [activeImageDisplaySetData, setActiveImageDisplaySetData] = (0,react__WEBPACK_IMPORTED_MODULE_1__.useState)(null);
@@ -64,6 +61,9 @@ function OHIFCornerstoneSRViewport(props) {
     viewports,
     activeViewportId
   } = viewportGrid;
+  const {
+    t
+  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__/* .useTranslation */ .Bd)('Common');
 
   // Optional hook into tracking extension, if present.
   let trackedMeasurements;
@@ -78,14 +78,13 @@ function OHIFCornerstoneSRViewport(props) {
   if (!sendTrackedMeasurementsEvent) {
     // if no panels from measurement-tracking extension is used, this code will run
     trackedMeasurements = null;
-    sendTrackedMeasurementsEvent = (eventName, _ref) => {
-      let {
-        displaySetInstanceUID
-      } = _ref;
+    sendTrackedMeasurementsEvent = (eventName, {
+      displaySetInstanceUID
+    }) => {
       measurementService.clearMeasurements();
       const {
         SeriesInstanceUIDs
-      } = (0,_utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .Z)({
+      } = (0,_utils_hydrateStructuredReport__WEBPACK_IMPORTED_MODULE_6__/* ["default"] */ .A)({
         servicesManager,
         extensionManager,
         appConfig
@@ -109,7 +108,7 @@ function OHIFCornerstoneSRViewport(props) {
     const {
       measurements
     } = srDisplaySet;
-    (0,_tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__/* .setTrackingUniqueIdentifiersForElement */ .l2)(element, measurements.map(measurement => measurement.TrackingUniqueIdentifier), measurementSelected);
+    (0,_tools_modules_dicomSRModule__WEBPACK_IMPORTED_MODULE_4__/* .setTrackingUniqueIdentifiersForElement */ .m1)(element, measurements.map(measurement => measurement.TrackingUniqueIdentifier), measurementSelected);
   }, [element, measurementSelected, srDisplaySet]);
 
   /**
@@ -135,11 +134,10 @@ function OHIFCornerstoneSRViewport(props) {
       // not throwing an error?
       console.warn('More than one SOPClassUID in the same series is not yet supported.');
     }
-    _getViewportReferencedDisplaySetData(srDisplaySet, newMeasurementSelected, displaySetService).then(_ref2 => {
-      let {
-        referencedDisplaySet,
-        referencedDisplaySetMetadata
-      } = _ref2;
+    _getViewportReferencedDisplaySetData(srDisplaySet, newMeasurementSelected, displaySetService).then(({
+      referencedDisplaySet,
+      referencedDisplaySetMetadata
+    }) => {
       setMeasurementSelected(newMeasurementSelected);
       setActiveImageDisplaySetData(referencedDisplaySet);
       setReferencedDisplaySetMetadata(referencedDisplaySetMetadata);
@@ -202,16 +200,11 @@ function OHIFCornerstoneSRViewport(props) {
   }, [activeImageDisplaySetData, viewportId, measurementSelected]);
   const onMeasurementChange = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(direction => {
     let newMeasurementSelected = measurementSelected;
-    if (direction === 'right') {
-      newMeasurementSelected++;
-      if (newMeasurementSelected >= measurementCount) {
-        newMeasurementSelected = 0;
-      }
-    } else {
-      newMeasurementSelected--;
-      if (newMeasurementSelected < 0) {
-        newMeasurementSelected = measurementCount - 1;
-      }
+    newMeasurementSelected += direction;
+    if (newMeasurementSelected >= measurementCount) {
+      newMeasurementSelected = 0;
+    } else if (newMeasurementSelected < 0) {
+      newMeasurementSelected = measurementCount - 1;
     }
     setTrackingIdentifiers(newMeasurementSelected);
     updateViewport(newMeasurementSelected);
@@ -221,10 +214,9 @@ function OHIFCornerstoneSRViewport(props) {
    Cleanup the SR viewport when the viewport is destroyed
    */
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
-    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, _ref3 => {
-      let {
-        displaySetInstanceUIDs
-      } = _ref3;
+    const onDisplaySetsRemovedSubscription = displaySetService.subscribe(displaySetService.EVENTS.DISPLAY_SETS_REMOVED, ({
+      displaySetInstanceUIDs
+    }) => {
       const activeViewport = viewports.get(activeViewportId);
       if (displaySetInstanceUIDs.includes(activeViewport.displaySetInstanceUID)) {
         viewportGridService.setDisplaySetsForViewport({
@@ -280,6 +272,32 @@ function OHIFCornerstoneSRViewport(props) {
   (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
     updateViewport(measurementSelected);
   }, [dataSource, srDisplaySet]);
+  (0,react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(() => {
+    viewportActionCornersService.setComponents([{
+      viewportId,
+      id: 'viewportStatusComponent',
+      component: _getStatusComponent({
+        srDisplaySet,
+        viewportId,
+        isRehydratable: srDisplaySet.isRehydratable,
+        isLocked,
+        sendTrackedMeasurementsEvent,
+        t
+      }),
+      indexPriority: -100,
+      location: viewportActionCornersService.LOCATIONS.topLeft
+    }, {
+      viewportId,
+      id: 'viewportActionArrowsComponent',
+      index: 0,
+      component: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .ViewportActionArrows */ .$I, {
+        key: "actionArrows",
+        onArrowsClick: onMeasurementChange
+      }),
+      indexPriority: 0,
+      location: viewportActionCornersService.LOCATIONS.topRight
+    }]);
+  }, [isLocked, onMeasurementChange, sendTrackedMeasurementsEvent, srDisplaySet, t, viewportActionCornersService, viewportId]);
 
   // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
   let childrenWithProps = null;
@@ -294,51 +312,7 @@ function OHIFCornerstoneSRViewport(props) {
       });
     });
   }
-  const {
-    PatientID,
-    PatientName,
-    PatientSex,
-    PatientAge,
-    SliceThickness,
-    ManufacturerModelName,
-    StudyDate,
-    SeriesDescription,
-    SpacingBetweenSlices,
-    SeriesNumber
-  } = referencedDisplaySetMetadata;
-
-  // TODO -> disabled double click for now: onDoubleClick={_onDoubleClick}
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .ViewportActionBar */ .uY, {
-    onDoubleClick: evt => {
-      evt.stopPropagation();
-      evt.preventDefault();
-    },
-    onArrowsClick: onMeasurementChange,
-    getStatusComponent: () => _getStatusComponent({
-      srDisplaySet,
-      viewportId,
-      isTracked: false,
-      isRehydratable: srDisplaySet.isRehydratable,
-      isLocked,
-      sendTrackedMeasurementsEvent
-    }),
-    studyData: {
-      label: viewportLabel,
-      useAltStyling: true,
-      studyDate: formatDate(StudyDate),
-      currentSeries: SeriesNumber,
-      seriesDescription: SeriesDescription || '',
-      patientInformation: {
-        patientName: PatientName ? _ohif_core__WEBPACK_IMPORTED_MODULE_3__["default"].utils.formatPN(PatientName.Alphabetic) : '',
-        patientSex: PatientSex || '',
-        patientAge: PatientAge || '',
-        MRN: PatientID || '',
-        thickness: SliceThickness ? `${parseFloat(SliceThickness).toFixed(2)}mm` : '',
-        spacing: SpacingBetweenSlices !== undefined ? `${SpacingBetweenSlices.toFixed(2)}mm` : '',
-        scanner: ManufacturerModelName || ''
-      }
-    }
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", {
     className: "relative flex h-full w-full flex-row overflow-hidden"
   }, getCornerstoneViewport(), childrenWithProps));
 }
@@ -350,9 +324,8 @@ OHIFCornerstoneSRViewport.propTypes = {
   viewportLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
   customProps: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
   viewportOptions: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().object),
-  viewportLabel: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().string),
-  servicesManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ServicesManager */ .Xw).isRequired,
-  extensionManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ExtensionManager */ .W$).isRequired
+  servicesManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ServicesManager */ .CS).isRequired,
+  extensionManager: prop_types__WEBPACK_IMPORTED_MODULE_0___default().instanceOf(_ohif_core__WEBPACK_IMPORTED_MODULE_3__/* .ExtensionManager */ .nH).isRequired
 };
 OHIFCornerstoneSRViewport.defaultProps = {
   customProps: {}
@@ -385,23 +358,20 @@ async function _getViewportReferencedDisplaySetData(displaySet, measurementSelec
     referencedDisplaySet
   };
 }
-function _getStatusComponent(_ref4) {
-  let {
-    srDisplaySet,
-    viewportId,
-    isRehydratable,
-    isLocked,
-    sendTrackedMeasurementsEvent
-  } = _ref4;
+function _getStatusComponent({
+  srDisplaySet,
+  viewportId,
+  isRehydratable,
+  isLocked,
+  sendTrackedMeasurementsEvent,
+  t
+}) {
   const handleMouseUp = () => {
     sendTrackedMeasurementsEvent('HYDRATE_SR', {
       displaySetInstanceUID: srDisplaySet.displaySetInstanceUID,
       viewportId
     });
   };
-  const {
-    t
-  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_2__/* .useTranslation */ .$G)('Common');
   const loadStr = t('LOAD');
 
   // 1 - Incompatible
@@ -412,19 +382,19 @@ function _getStatusComponent(_ref4) {
   let StatusIcon = null;
   switch (state) {
     case 1:
-      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .JO, {
+      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .In, {
         name: "status-alert"
       });
       ToolTipMessage = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, "This structured report is not compatible", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("br", null), "with this application.");
       break;
     case 2:
-      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .JO, {
+      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .In, {
         name: "status-locked"
       });
       ToolTipMessage = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", null, "This structured report is currently read-only", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("br", null), "because you are tracking measurements in", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement("br", null), "another viewport.");
       break;
     case 3:
-      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .JO, {
+      StatusIcon = () => /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Icon */ .In, {
         className: "text-aqua-pale",
         name: "status-untracked"
       });
@@ -442,7 +412,7 @@ function _getStatusComponent(_ref4) {
     ,
     onMouseUp: handleMouseUp
   }, loadStr));
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, ToolTipMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Tooltip */ .u, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null, ToolTipMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_5__/* .Tooltip */ .m_, {
     content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(ToolTipMessage, null),
     position: "bottom-left"
   }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(StatusArea, null)), !ToolTipMessage && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__.createElement(StatusArea, null));

package/dist/{250.bundle.aea3335667054bdefe36.js → 544.bundle.1110b24e96863d719a95.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[250,579],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[544,481],{
 
-/***/ 76516:
+/***/ 17919:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,22 +13,22 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 // EXTERNAL MODULE: ../../../node_modules/react-resize-detector/build/index.esm.js
-var index_esm = __webpack_require__(7023);
+var index_esm = __webpack_require__(78668);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
-var prop_types = __webpack_require__(3827);
+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__(8324);
+var lodash_debounce = __webpack_require__(14771);
 var lodash_debounce_default = /*#__PURE__*/__webpack_require__.n(lodash_debounce);
-// EXTERNAL MODULE: ../../ui/src/index.js + 486 modules
-var src = __webpack_require__(22582);
+// EXTERNAL MODULE: ../../ui/src/index.js + 542 modules
+var src = __webpack_require__(48804);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/DicomMicroscopyViewport.css
 // extracted by mini-css-extract-plugin
 
 // EXTERNAL MODULE: ../../../node_modules/classnames/index.js
-var classnames = __webpack_require__(44921);
+var classnames = __webpack_require__(61466);
 var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/components/ViewportOverlay/listComponentGenerator.tsx
 const listComponentGenerator = props => {
@@ -58,9 +58,9 @@ const listComponentGenerator = props => {
 // extracted by mini-css-extract-plugin
 
 // EXTERNAL MODULE: ../../../node_modules/moment/moment.js
-var moment_moment = __webpack_require__(71271);
-// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 331 modules
-var esm = __webpack_require__(3743);
+var moment_moment = __webpack_require__(8291);
+// EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js + 383 modules
+var esm = __webpack_require__(50719);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/components/ViewportOverlay/utils.ts
 
 
@@ -95,8 +95,7 @@ function utils_formatNumberPrecision(number, precision) {
  * @param {string} strFormat
  * @returns {string} formatted date.
  */
-function utils_formatDICOMDate(date) {
-  let strFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'MMM D, YYYY';
+function utils_formatDICOMDate(date, strFormat = 'MMM D, YYYY') {
   return moment(date, 'YYYYMMDD').format(strFormat);
 }
 
@@ -113,8 +112,7 @@ function utils_formatDICOMDate(date) {
  * @param {string} strFormat
  * @returns {string} formatted name.
  */
-function utils_formatDICOMTime(time) {
-  let strFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm:ss';
+function utils_formatDICOMTime(time, strFormat = 'HH:mm:ss') {
   return moment(time, 'HH:mm:ss').format(strFormat);
 }
 
@@ -173,14 +171,13 @@ function getCompression(imageId) {
  * @param {*} extensionManager is used to load the image data.
  * @returns
  */
-const generateFromConfig = _ref => {
-  let {
-    topLeft = [],
-    topRight = [],
-    bottomLeft = [],
-    bottomRight = [],
-    itemGenerator = () => {}
-  } = _ref;
+const generateFromConfig = ({
+  topLeft = [],
+  topRight = [],
+  bottomLeft = [],
+  bottomRight = [],
+  itemGenerator = () => {}
+}) => {
   return props => {
     const topLeftClass = 'top-viewport left-viewport text-primary-light';
     const topRightClass = 'top-viewport right-viewport-scrollbar text-primary-light';
@@ -260,15 +257,15 @@ const itemGenerator = props => {
 };
 /* harmony default export */ const ViewportOverlay = (generateFromConfig({}));
 // EXTERNAL MODULE: ../../../node_modules/dicomweb-client/build/dicomweb-client.es.js
-var dicomweb_client_es = __webpack_require__(97604);
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var core_src = __webpack_require__(71771);
+var dicomweb_client_es = __webpack_require__(36922);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var core_src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/dicomWebClient.ts
 
 
 const {
   DICOMwebClient
-} = dicomweb_client_es.api;
+} = dicomweb_client_es/* api */.FH;
 DICOMwebClient._buildMultipartAcceptHeaderFieldValue = () => {
   return '*/*';
 };
@@ -281,11 +278,10 @@ DICOMwebClient._buildMultipartAcceptHeaderFieldValue = () => {
  * @param param0
  * @returns
  */
-function getDicomWebClient(_ref) {
-  let {
-    extensionManager,
-    servicesManager
-  } = _ref;
+function getDicomWebClient({
+  extensionManager,
+  servicesManager
+}) {
   const dataSourceConfig = window.config.dataSources.find(ds => ds.sourceName === extensionManager.activeDataSource);
   const {
     userAuthenticationService
@@ -300,9 +296,9 @@ function getDicomWebClient(_ref) {
     staticWado,
     singlepart,
     headers: userAuthenticationService.getAuthorizationHeader(),
-    errorInterceptor: core_src/* errorHandler */.Po.getHTTPErrorHandler()
+    errorInterceptor: core_src/* errorHandler */.r_.getHTTPErrorHandler()
   };
-  const client = new dicomweb_client_es.api.DICOMwebClient(wadoConfig);
+  const client = new dicomweb_client_es/* api */.FH.DICOMwebClient(wadoConfig);
   client.wadoURL = wadoConfig.url;
   if (extensionManager.activeDataSource === 'dicomlocal') {
     /**
@@ -342,9 +338,9 @@ function getDicomWebClient(_ref) {
   return client;
 }
 // EXTERNAL MODULE: ../../../node_modules/dcmjs/build/dcmjs.es.js
-var dcmjs_es = __webpack_require__(67540);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 76 modules
-var default_src = __webpack_require__(56342);
+var dcmjs_es = __webpack_require__(31426);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 78 modules
+var default_src = __webpack_require__(54090);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-microscopy/src/utils/cleanDenaturalizedDataset.ts
 
 function isPrimitive(v) {
@@ -398,15 +394,6 @@ function cleanDenaturalizedDataset(obj, options) {
 
 
 
-function transformImageTypeUnnaturalized(entry) {
-  if (entry.vr === 'CS') {
-    return {
-      vr: 'US',
-      Value: entry.Value[0].split('\\')
-    };
-  }
-  return entry;
-}
 class DicomMicroscopyViewport extends react.Component {
   constructor(props) {
     super(props);
@@ -452,8 +439,7 @@ class DicomMicroscopyViewport extends react.Component {
    * @param autoselect
    * @returns
    */
-  getNearbyROI(event) {
-    let autoselect = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  getNearbyROI(event, autoselect = true) {
     const symbols = Object.getOwnPropertySymbols(this.viewer);
     const _drawingSource = symbols.find(p => p.description === 'drawingSource');
     const _pyramid = symbols.find(p => p.description === 'pyramid');
@@ -477,7 +463,7 @@ class DicomMicroscopyViewport extends react.Component {
       const {
         viewer: DicomMicroscopyViewer,
         metadata: metadataUtils
-      } = await __webpack_require__.e(/* import() | dicom-microscopy-viewer */ 18).then(__webpack_require__.t.bind(__webpack_require__, 42613, 23));
+      } = await __webpack_require__.e(/* import() | dicom-microscopy-viewer */ 525).then(__webpack_require__.t.bind(__webpack_require__, 95226, 23));
       const microscopyViewer = DicomMicroscopyViewer.VolumeImageViewer;
       const client = getDicomWebClient({
         extensionManager: this.props.extensionManager,
@@ -532,7 +518,7 @@ class DicomMicroscopyViewport extends react.Component {
         // NOTE: depending on different data source, image.ImageType sometimes
         //    is a string, not a string array.
         m.ImageType = typeof m.ImageType === 'string' ? m.ImageType.split('\\') : m.ImageType;
-        const inst = cleanDenaturalizedDataset(dcmjs_es["default"].data.DicomMetaDictionary.denaturalizeDataset(m), {
+        const inst = cleanDenaturalizedDataset(dcmjs_es/* default.data */.Ay.data.DicomMetaDictionary.denaturalizeDataset(m), {
           StudyInstanceUID: m.StudyInstanceUID,
           SeriesInstanceUID: m.SeriesInstanceUID,
           dataSourceConfig: this.props.dataSource.getConfig()
@@ -606,9 +592,6 @@ class DicomMicroscopyViewport extends react.Component {
       displaySets,
       viewportOptions
     } = this.props;
-    const {
-      viewportId
-    } = viewportOptions;
     // Todo-rename: this is always getting the 0
     const displaySet = displaySets[0];
     this.installOpenLayersRenderer(this.container.current, displaySet).then(() => {
@@ -666,14 +649,14 @@ class DicomMicroscopyViewport extends react.Component {
       displaySet: displaySet,
       instance: displaySet.instance,
       metadata: displaySet.metadata
-    })))), index_esm/* default */.ZP && /*#__PURE__*/react.createElement(index_esm/* default */.ZP, {
+    })))), 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", {
       style: style,
       ref: this.container
-    }), this.state.isLoaded ? null : /*#__PURE__*/react.createElement(src/* LoadingIndicatorProgress */.LE, {
+    }), this.state.isLoaded ? null : /*#__PURE__*/react.createElement(src/* LoadingIndicatorProgress */.Jx, {
       className: 'h-full w-full bg-black'
     }));
   }