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

package/dist/{281.bundle.16a2933086a57e60c96c.js → 905.bundle.206e44c3bbd1df1a900b.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[281],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[905],{
 
-/***/ 42281:
+/***/ 81905:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,110 +13,142 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ microscopy_src)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
+// EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
+var i18next = __webpack_require__(92344);
 ;// CONCATENATED MODULE: ../../../modes/microscopy/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/mode-microscopy"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-microscopy"}');
 ;// CONCATENATED MODULE: ../../../modes/microscopy/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 
 ;// CONCATENATED MODULE: ../../../modes/microscopy/src/toolbarButtons.js
-// TODO: torn, can either bake this here; or have to create a whole new button type
-/**
- *
- * @param {*} type - 'tool' | 'action' | 'toggle'
- * @param {*} id
- * @param {*} icon
- * @param {*} label
- */
-function _createButton(type, id, icon, label, commands, tooltip) {
-  return {
-    id,
-    icon,
-    label,
-    type,
-    commands,
-    tooltip
-  };
-}
-const _createActionButton = _createButton.bind(null, 'action');
-const _createToggleButton = _createButton.bind(null, 'toggle');
-const _createToolButton = _createButton.bind(null, 'tool');
-const toolbarButtons = [
-// Measurement
-{
+
+const toolbarButtons = [{
   id: 'MeasurementTools',
-  type: 'ohif.splitButton',
+  uiType: 'ohif.splitButton',
   props: {
     groupId: 'MeasurementTools',
-    isRadio: true,
-    // ?
-    // Switch?
-    primary: _createToolButton('line', 'tool-length', 'Line', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'line'
-      },
-      context: 'MICROSCOPY'
-    }], 'Line'),
+    // group evaluate to determine which item should move to the top
+    evaluate: 'evaluate.group.promoteToPrimary',
+    primary: src.ToolbarService.createButton({
+      id: 'line',
+      icon: 'tool-length',
+      label: 'Line',
+      tooltip: 'Line',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'line'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }),
     secondary: {
       icon: 'chevron-down',
-      label: '',
-      isActive: true,
       tooltip: 'More Measure Tools'
     },
-    items: [_createToolButton('line', 'tool-length', 'Line', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'line'
-      },
-      context: 'MICROSCOPY'
-    }], 'Line Tool'), _createToolButton('point', 'tool-point', 'Point', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'point'
-      },
-      context: 'MICROSCOPY'
-    }], 'Point Tool'), _createToolButton('polygon', 'tool-polygon', 'Polygon', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'polygon'
-      },
-      context: 'MICROSCOPY'
-    }], 'Polygon Tool'), _createToolButton('circle', 'tool-circle', 'Circle', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'circle'
-      },
-      context: 'MICROSCOPY'
-    }], 'Circle Tool'), _createToolButton('box', 'tool-rectangle', 'Box', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'box'
-      },
-      context: 'MICROSCOPY'
-    }], 'Box Tool'), _createToolButton('freehandpolygon', 'tool-freehand-polygon', 'Freehand Polygon', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'freehandpolygon'
-      },
-      context: 'MICROSCOPY'
-    }], 'Freehand Polygon Tool'), _createToolButton('freehandline', 'tool-freehand-line', 'Freehand Line', [{
-      commandName: 'setToolActive',
-      commandOptions: {
-        toolName: 'freehandline'
-      },
-      context: 'MICROSCOPY'
-    }], 'Freehand Line Tool')]
+    items: [src.ToolbarService.createButton({
+      id: 'line',
+      icon: 'tool-length',
+      label: 'Line',
+      tooltip: 'Line',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'line'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }), src.ToolbarService.createButton({
+      id: 'point',
+      icon: 'tool-point',
+      label: 'Point',
+      tooltip: 'Point Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'point'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }),
+    // Point Tool was previously defined
+    src.ToolbarService.createButton({
+      id: 'polygon',
+      icon: 'tool-polygon',
+      label: 'Polygon',
+      tooltip: 'Polygon Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'polygon'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }), src.ToolbarService.createButton({
+      id: 'circle',
+      icon: 'tool-circle',
+      label: 'Circle',
+      tooltip: 'Circle Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'circle'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }), src.ToolbarService.createButton({
+      id: 'box',
+      icon: 'tool-rectangle',
+      label: 'Box',
+      tooltip: 'Box Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'box'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }), src.ToolbarService.createButton({
+      id: 'freehandpolygon',
+      icon: 'tool-freehand-polygon',
+      label: 'Freehand Polygon',
+      tooltip: 'Freehand Polygon Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'freehandpolygon'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    }), src.ToolbarService.createButton({
+      id: 'freehandline',
+      icon: 'tool-freehand-line',
+      label: 'Freehand Line',
+      tooltip: 'Freehand Line Tool',
+      commands: [{
+        commandName: 'setToolActive',
+        commandOptions: {
+          toolName: 'freehandline'
+        },
+        context: 'MICROSCOPY'
+      }],
+      evaluate: 'evaluate.microscopyTool'
+    })]
   }
-},
-// Pan...
-{
+}, {
   id: 'dragPan',
-  type: 'ohif.radioGroup',
+  uiType: 'ohif.radioGroup',
   props: {
-    type: 'tool',
     icon: 'tool-move',
     label: 'Pan',
     commands: [{
@@ -125,7 +157,8 @@ const toolbarButtons = [
         toolName: 'dragPan'
       },
       context: 'MICROSCOPY'
-    }]
+    }],
+    evaluate: 'evaluate.microscopyTool'
   }
 }];
 /* harmony default export */ const src_toolbarButtons = (toolbarButtons);
@@ -133,6 +166,7 @@ const toolbarButtons = [
 
 
 
+
 const ohif = {
   layout: '@ohif/extension-default.layoutTemplateModule.viewerLayout',
   sopClassHandler: '@ohif/extension-default.sopClassHandlerModule.stack',
@@ -160,64 +194,63 @@ const extensionDependencies = {
   '@ohif/extension-dicom-video': '^3.0.1',
   '@ohif/extension-dicom-microscopy': '^3.0.0'
 };
-function modeFactory(_ref) {
-  let {
-    modeConfiguration
-  } = _ref;
+function modeFactory({
+  modeConfiguration
+}) {
   return {
     // TODO: We're using this as a route segment
     // We should not be.
     id: id,
     routeName: 'microscopy',
-    displayName: 'Microscopy',
+    displayName: i18next/* default */.A.t('Modes:Microscopy'),
     /**
      * Lifecycle hooks
      */
-    onModeEnter: _ref2 => {
-      let {
-        servicesManager,
-        extensionManager,
-        commandsManager
-      } = _ref2;
+    onModeEnter: ({
+      servicesManager,
+      extensionManager,
+      commandsManager
+    }) => {
       const {
         toolbarService
       } = servicesManager.services;
-      toolbarService.init(extensionManager);
       toolbarService.addButtons(src_toolbarButtons);
       toolbarService.createButtonSection('primary', ['MeasurementTools', 'dragPan']);
     },
-    onModeExit: _ref3 => {
-      let {
-        servicesManager
-      } = _ref3;
+    onModeExit: ({
+      servicesManager
+    }) => {
       const {
-        toolbarService
+        toolbarService,
+        uiDialogService,
+        uiModalService
       } = servicesManager.services;
+      uiDialogService.dismissAll();
+      uiModalService.hide();
       toolbarService.reset();
     },
     validationTags: {
       study: [],
       series: []
     },
-    isValidMode: _ref4 => {
-      let {
-        modalities
-      } = _ref4;
+    isValidMode: ({
+      modalities
+    }) => {
       const modalities_list = modalities.split('\\');
-
-      // Slide Microscopy and ECG modality not supported by basic mode yet
-      return modalities_list.includes('SM');
+      return {
+        valid: modalities_list.includes('SM'),
+        description: 'Microscopy mode only supports the SM modality'
+      };
     },
     routes: [{
       path: 'microscopy',
       /*init: ({ servicesManager, extensionManager }) => {
         //defaultViewerRouteInit
       },*/
-      layoutTemplate: _ref5 => {
-        let {
-          location,
-          servicesManager
-        } = _ref5;
+      layoutTemplate: ({
+        location,
+        servicesManager
+      }) => {
         return {
           id: ohif.layout,
           props: {
@@ -249,7 +282,7 @@ function modeFactory(_ref) {
     // general handler needs to come last.  For this case, the dicomvideo must
     // come first to remove video transfer syntax before ohif uses images
     sopClassHandlers: ['@ohif/extension-dicom-microscopy.sopClassHandlerModule.DicomMicroscopySopClassHandler', '@ohif/extension-dicom-microscopy.sopClassHandlerModule.DicomMicroscopySRSopClassHandler', dicomvideo.sopClassHandler, dicompdf.sopClassHandler],
-    hotkeys: [...src/* hotkeys */.dD.defaults.hotkeyBindings],
+    hotkeys: [...src/* hotkeys */.ot.defaults.hotkeyBindings],
     ...modeConfiguration
   };
 }

package/dist/{814.bundle.a1aba9c1e3d336008351.js → 907.bundle.11700f7af989b5af8bc3.js}

@@ -1,7 +1,7 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[814],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[907],{
 
-/***/ 92814:
+/***/ 55907:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -13,16 +13,16 @@ __webpack_require__.d(__webpack_exports__, {
 });
 
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
-var react = __webpack_require__(43001);
+var react = __webpack_require__(41766);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/package.json
-const package_namespaceObject = JSON.parse('{"u2":"@ohif/extension-dicom-pdf"}');
+const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-dicom-pdf"}');
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/id.js
 
-const id = package_namespaceObject.u2;
+const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 65 modules
-var src = __webpack_require__(71771);
+// EXTERNAL MODULE: ../../core/src/index.ts + 68 modules
+var src = __webpack_require__(85073);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js
 
 
@@ -90,11 +90,10 @@ const _getDisplaySetsFromSeries = (instances, servicesManager, extensionManager)
     return displaySet;
   });
 };
-function getSopClassHandlerModule(_ref) {
-  let {
-    servicesManager,
-    extensionManager
-  } = _ref;
+function getSopClassHandlerModule({
+  servicesManager,
+  extensionManager
+}) {
   const getDisplaySetsFromSeries = instances => {
     return _getDisplaySetsFromSeries(instances, servicesManager, extensionManager);
   };
@@ -110,7 +109,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 const Component = /*#__PURE__*/react.lazy(() => {
-  return __webpack_require__.e(/* import() */ 125).then(__webpack_require__.bind(__webpack_require__, 39125));
+  return __webpack_require__.e(/* import() */ 297).then(__webpack_require__.bind(__webpack_require__, 46297));
 });
 const OHIFCornerstonePdfViewport = props => {
   return /*#__PURE__*/react.createElement(react.Suspense, {
@@ -132,11 +131,10 @@ const dicomPDFExtension = {
    * @param {object} [configuration={}]
    * @param {object|array} [configuration.csToolsConfig] - Passed directly to `initCornerstoneTools`
    */
-  getViewportModule(_ref) {
-    let {
-      servicesManager,
-      extensionManager
-    } = _ref;
+  getViewportModule({
+    servicesManager,
+    extensionManager
+  }) {
     const ExtendedOHIFCornerstonePdfViewport = props => {
       return /*#__PURE__*/react.createElement(OHIFCornerstonePdfViewport, _extends({
         servicesManager: servicesManager,
@@ -148,18 +146,6 @@ const dicomPDFExtension = {
       component: ExtendedOHIFCornerstonePdfViewport
     }];
   },
-  // getCommandsModule({ servicesManager }) {
-  //   return {
-  //     definitions: {
-  //       setToolActive: {
-  //         commandFn: () => null,
-  //         storeContexts: [],
-  //         options: {},
-  //       },
-  //     },
-  //     defaultContext: 'ACTIVE_VIEWPORT::PDF',
-  // };
-  // },
   getSopClassHandlerModule: getSopClassHandlerModule
 };
 /* harmony default export */ const dicom_pdf_src = (dicomPDFExtension);

package/dist/{417.bundle.af0a207c29b109f84159.js → 931.bundle.d270a1fda9a2836c3cc5.js}

@@ -1,11 +1,11 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[417],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[931],{
 
-/***/ 15747:
+/***/ 79717:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   d: () => (/* binding */ calculateSUVScalingFactors)
+/* harmony export */   C: () => (/* binding */ calculateSUVScalingFactors)
 /* harmony export */ });
 /**
  * Javascript object that handles dates and compute the time.
@@ -641,19 +641,19 @@ function calculateSUVScalingFactors(instances) {
 
 /***/ }),
 
-/***/ 94614:
+/***/ 6943:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   S_: () => (/* binding */ VariableSizeList)
+/* harmony export */   _m: () => (/* binding */ VariableSizeList)
 /* harmony export */ });
 /* unused harmony exports FixedSizeGrid, FixedSizeList, VariableSizeGrid, areEqual, shouldComponentUpdate */
-/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(76805);
-/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(80107);
-/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(84067);
-/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25539);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(43001);
-/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(8339);
+/* harmony import */ var _babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69276);
+/* harmony import */ var _babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(70485);
+/* harmony import */ var _babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(66927);
+/* harmony import */ var memoize_one__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(50093);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(41766);
+/* harmony import */ var _babel_runtime_helpers_esm_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(94719);
 
 
 
@@ -790,7 +790,7 @@ function createGridComponent(_ref2) {
       shouldResetStyleCacheOnItemSizeChange = _ref2.shouldResetStyleCacheOnItemSizeChange,
       validateProps = _ref2.validateProps;
   return _class = /*#__PURE__*/function (_PureComponent) {
-    (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(Grid, _PureComponent);
+    (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(Grid, _PureComponent);
 
     // Always use explicit constructor for React components.
     // It produces less code after transpilation. (#26)
@@ -799,11 +799,11 @@ function createGridComponent(_ref2) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
-      _this._instanceProps = initInstanceProps(_this.props, (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(_this));
+      _this._instanceProps = initInstanceProps(_this.props, (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_this));
       _this._resetIsScrollingTimeoutId = null;
       _this._outerRef = void 0;
       _this.state = {
-        instance: (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(_this),
+        instance: (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_this),
         isScrolling: false,
         horizontalScrollDirection: 'forward',
         scrollLeft: typeof _this.props.initialScrollLeft === 'number' ? _this.props.initialScrollLeft : 0,
@@ -812,7 +812,7 @@ function createGridComponent(_ref2) {
         verticalScrollDirection: 'forward'
       };
       _this._callOnItemsRendered = void 0;
-      _this._callOnItemsRendered = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {
+      _this._callOnItemsRendered = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (overscanColumnStartIndex, overscanColumnStopIndex, overscanRowStartIndex, overscanRowStopIndex, visibleColumnStartIndex, visibleColumnStopIndex, visibleRowStartIndex, visibleRowStopIndex) {
         return _this.props.onItemsRendered({
           overscanColumnStartIndex: overscanColumnStartIndex,
           overscanColumnStopIndex: overscanColumnStopIndex,
@@ -825,7 +825,7 @@ function createGridComponent(_ref2) {
         });
       });
       _this._callOnScroll = void 0;
-      _this._callOnScroll = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {
+      _this._callOnScroll = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (scrollLeft, scrollTop, horizontalScrollDirection, verticalScrollDirection, scrollUpdateWasRequested) {
         return _this.props.onScroll({
           horizontalScrollDirection: horizontalScrollDirection,
           scrollLeft: scrollLeft,
@@ -867,7 +867,7 @@ function createGridComponent(_ref2) {
       };
 
       _this._getItemStyleCache = void 0;
-      _this._getItemStyleCache = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (_, __, ___) {
+      _this._getItemStyleCache = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (_, __, ___) {
         return {};
       });
 
@@ -1157,7 +1157,7 @@ function createGridComponent(_ref2) {
         className: className,
         onScroll: this._onScroll,
         ref: this._outerRefSetter,
-        style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)({
+        style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)({
           position: 'relative',
           height: height,
           width: width,
@@ -1634,7 +1634,7 @@ function createListComponent(_ref) {
       shouldResetStyleCacheOnItemSizeChange = _ref.shouldResetStyleCacheOnItemSizeChange,
       validateProps = _ref.validateProps;
   return _class = /*#__PURE__*/function (_PureComponent) {
-    (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .Z)(List, _PureComponent);
+    (0,_babel_runtime_helpers_esm_inheritsLoose__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A)(List, _PureComponent);
 
     // Always use explicit constructor for React components.
     // It produces less code after transpilation. (#26)
@@ -1643,18 +1643,18 @@ function createListComponent(_ref) {
       var _this;
 
       _this = _PureComponent.call(this, props) || this;
-      _this._instanceProps = initInstanceProps(_this.props, (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(_this));
+      _this._instanceProps = initInstanceProps(_this.props, (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_this));
       _this._outerRef = void 0;
       _this._resetIsScrollingTimeoutId = null;
       _this.state = {
-        instance: (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .Z)(_this),
+        instance: (0,_babel_runtime_helpers_esm_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(_this),
         isScrolling: false,
         scrollDirection: 'forward',
         scrollOffset: typeof _this.props.initialScrollOffset === 'number' ? _this.props.initialScrollOffset : 0,
         scrollUpdateWasRequested: false
       };
       _this._callOnItemsRendered = void 0;
-      _this._callOnItemsRendered = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
+      _this._callOnItemsRendered = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (overscanStartIndex, overscanStopIndex, visibleStartIndex, visibleStopIndex) {
         return _this.props.onItemsRendered({
           overscanStartIndex: overscanStartIndex,
           overscanStopIndex: overscanStopIndex,
@@ -1663,7 +1663,7 @@ function createListComponent(_ref) {
         });
       });
       _this._callOnScroll = void 0;
-      _this._callOnScroll = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
+      _this._callOnScroll = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (scrollDirection, scrollOffset, scrollUpdateWasRequested) {
         return _this.props.onScroll({
           scrollDirection: scrollDirection,
           scrollOffset: scrollOffset,
@@ -1706,7 +1706,7 @@ function createListComponent(_ref) {
       };
 
       _this._getItemStyleCache = void 0;
-      _this._getItemStyleCache = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .Z)(function (_, __, ___) {
+      _this._getItemStyleCache = (0,memoize_one__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A)(function (_, __, ___) {
         return {};
       });
 
@@ -1747,7 +1747,7 @@ function createListComponent(_ref) {
           scrollOffset = Math.max(0, Math.min(scrollOffset, scrollWidth - clientWidth));
           return {
             isScrolling: true,
-            scrollDirection: prevState.scrollOffset < scrollLeft ? 'forward' : 'backward',
+            scrollDirection: prevState.scrollOffset < scrollOffset ? 'forward' : 'backward',
             scrollOffset: scrollOffset,
             scrollUpdateWasRequested: false
           };
@@ -1980,7 +1980,7 @@ function createListComponent(_ref) {
         className: className,
         onScroll: onScroll,
         ref: this._outerRefSetter,
-        style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .Z)({
+        style: (0,_babel_runtime_helpers_esm_extends__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)({
           position: 'relative',
           height: height,
           width: width,

package/dist/{686.bundle.dccef1f36e4bc79bcc48.js → 939.bundle.9d93b2e47c52338747a2.js}

@@ -1,22 +1,21 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[686],{
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[939],{
 
-/***/ 39686:
+/***/ 86939:
 /***/ ((__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 react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43001);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3827);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(41766);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(11374);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
 
 
-function OHIFCornerstoneVideoViewport(_ref) {
-  let {
-    displaySets
-  } = _ref;
+function OHIFCornerstoneVideoViewport({
+  displaySets
+}) {
   if (displaySets && displaySets.length > 1) {
     throw new Error('OHIFCornerstoneVideoViewport: only one display set is supported for dicom video right now');
   }