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

package/dist/{1266.bundle.8ecb4c18241e623dd23c.js → 1266.bundle.8d389257e128721104b3.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[1266,2591,4182,1801],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[1266,4182],{
 
 /***/ 35589:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -15,8 +15,8 @@ __webpack_require__.d(__webpack_exports__, {
   toolbarButtons: () => (/* reexport */ src_toolbarButtons)
 });
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
-var src = __webpack_require__(29463);
+// EXTERNAL MODULE: ../../core/src/index.ts + 73 modules
+var src = __webpack_require__(10532);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(40680);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/package.json
@@ -25,8 +25,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/mode-longi
 
 const id = package_namespaceObject.UU;
 
-// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 16 modules
-var cornerstone_dicom_sr_src = __webpack_require__(85687);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 18 modules
+var cornerstone_dicom_sr_src = __webpack_require__(25770);
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/initToolGroups.js
 
 const colours = {
@@ -280,6 +280,10 @@ function initMPRToolGroup(extensionManager, toolGroupService, commandsManager, m
       toolName: toolNames.CobbAngle
     }, {
       toolName: toolNames.PlanarFreehandROI
+    }, {
+      toolName: toolNames.SplineROI
+    }, {
+      toolName: toolNames.LivewireContour
     }, {
       toolName: toolNames.WindowLevelRegion
     }, {
@@ -762,6 +766,11 @@ const performCustomizations = customizationService => {
     id: 'PanelSegmentation.disableEditing',
     disableEditing: true
   }
+  // to only show current study in the panel study browser
+  // {
+  //   id: 'PanelStudyBrowser.studyMode',
+  //   mode: 'primary',
+  // },
   // To disable editing in the MeasurementTable
   // {
   //   id: 'PanelMeasurement.disableEditing',
@@ -778,6 +787,31 @@ const performCustomizations = customizationService => {
   //       { value: 'Toe', label: 'Toe' },
   //     ],
   //   },
+  /**
+   * Custom Dropdown Menu Item
+   */
+  // {
+  //   id: 'PanelSegmentation.CustomDropdownMenuContent',
+  //   content: ({
+  //     activeSegmentation,
+  //     onSegmentationAdd,
+  //     onSegmentationRemoveFromViewport,
+  //     onSegmentationEdit,
+  //     onSegmentationDelete,
+  //     allowExport,
+  //     storeSegmentation,
+  //     onSegmentationDownload,
+  //     onSegmentationDownloadRTSS,
+  //     t,
+  //   }) => (
+  //     <DropdownMenuContent align="start">
+  //       <DropdownMenuItem onClick={() => onSegmentationDelete(activeSegmentation.id)}>
+  //         <Icons.Delete className="text-red-600" />
+  //         <span className="pl-2 text-red-600">{t('My Custom Dropdown Menu Item')}</span>
+  //       </DropdownMenuItem>
+  //     </DropdownMenuContent>
+  //   ),
+  // },
   ]);
 };
 ;// CONCATENATED MODULE: ../../../modes/longitudinal/src/index.ts
@@ -883,10 +917,10 @@ function modeFactory({
       _activatePanelTriggersSubscriptions = [...panelService.addActivatePanelTriggers(cornerstone.segmentation, [{
         sourcePubSubService: segmentationService,
         sourceEvents: [segmentationService.EVENTS.SEGMENTATION_ADDED]
-      }]), ...panelService.addActivatePanelTriggers(tracked.measurements, [{
+      }], true), ...panelService.addActivatePanelTriggers(tracked.measurements, [{
         sourcePubSubService: measurementService,
         sourceEvents: [measurementService.EVENTS.MEASUREMENT_ADDED, measurementService.EVENTS.RAW_MEASUREMENT_ADDED]
-      }])];
+      }], true), true];
     },
     onModeExit: ({
       servicesManager
@@ -933,8 +967,10 @@ function modeFactory({
           id: ohif.layout,
           props: {
             leftPanels: [tracked.thumbnailList],
+            leftPanelResizable: true,
             rightPanels: [cornerstone.segmentation, tracked.measurements],
             rightPanelClosed: true,
+            rightPanelResizable: true,
             viewports: [{
               namespace: tracked.viewport,
               displaySetsToDisplay: [ohif.sopClassHandler, dicomvideo.sopClassHandler, dicomsr.sopClassHandler3D, ohif.wsiSopClassHandler]

package/dist/{3200.bundle.e25f6167a6cb741a7dc3.js → 1394.bundle.1a453834d06334cef67f.js}

@@ -1,5 +1,5 @@
 "use strict";
-(self["webpackChunk"] = self["webpackChunk"] || []).push([[3200,2591,4182,1801],{
+(self["webpackChunk"] = self["webpackChunk"] || []).push([[1394,4182],{
 
 /***/ 79044:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
@@ -20,10 +20,10 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var es = __webpack_require__(70574);
 // EXTERNAL MODULE: ../../../node_modules/@xstate/react/es/index.js + 8 modules
 var react_es = __webpack_require__(95261);
-// EXTERNAL MODULE: ../../ui/src/index.js + 690 modules
-var src = __webpack_require__(35647);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 114 modules
-var default_src = __webpack_require__(71520);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2624 modules
+var src = __webpack_require__(18817);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 121 modules
+var default_src = __webpack_require__(8836);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/measurementTrackingMachine.js
 
 const RESPONSE = {
@@ -419,6 +419,8 @@ const defaultOptions = {
   }
 };
 
+// EXTERNAL MODULE: ../../ui/src/index.js + 691 modules
+var ui_src = __webpack_require__(32907);
 // EXTERNAL MODULE: ../../../node_modules/i18next/dist/esm/i18next.js
 var i18next = __webpack_require__(40680);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptBeginTracking.js
@@ -461,17 +463,17 @@ function _askTrackMeasurements(uiViewportDialogService, viewportId) {
     const message = i18next/* default */.A.t('MeasurementTable:Track measurements for this series?');
     const actions = [{
       id: 'prompt-begin-tracking-cancel',
-      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       text: i18next/* default */.A.t('Common:No'),
       value: promptBeginTracking_RESPONSE.CANCEL
     }, {
       id: 'prompt-begin-tracking-no-do-not-ask-again',
-      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       text: i18next/* default */.A.t('MeasurementTable:No, do not ask again'),
       value: promptBeginTracking_RESPONSE.NO_NEVER
     }, {
       id: 'prompt-begin-tracking-yes',
-      type: src/* ButtonEnums.type */.Ny.NW.primary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
       text: i18next/* default */.A.t('Common:Yes'),
       value: promptBeginTracking_RESPONSE.SET_STUDY_AND_SERIES
     }];
@@ -542,15 +544,15 @@ function _askShouldAddMeasurements(uiViewportDialogService, viewportId) {
   return new Promise(function (resolve, reject) {
     const message = 'Do you want to add this measurement to the existing report?';
     const actions = [{
-      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       text: 'Cancel',
       value: promptTrackNewSeries_RESPONSE.CANCEL
     }, {
-      type: src/* ButtonEnums.type */.Ny.NW.primary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Create new report',
       value: promptTrackNewSeries_RESPONSE.CREATE_REPORT
     }, {
-      type: src/* ButtonEnums.type */.Ny.NW.primary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Add to existing report',
       value: promptTrackNewSeries_RESPONSE.ADD_SERIES
     }];
@@ -716,8 +718,8 @@ function promptTrackNewStudy_askSaveDiscardOrCancel(UIViewportDialogService, vie
   });
 }
 /* harmony default export */ const TrackedMeasurementsContext_promptTrackNewStudy = (promptTrackNewStudy);
-// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 16 modules
-var cornerstone_dicom_sr_src = __webpack_require__(85687);
+// EXTERNAL MODULE: ../../../extensions/cornerstone-dicom-sr/src/index.tsx + 18 modules
+var cornerstone_dicom_sr_src = __webpack_require__(25770);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/contexts/TrackedMeasurementsContext/promptHydrateStructuredReport.js
 
 
@@ -774,12 +776,12 @@ function promptHydrateStructuredReport_askTrackMeasurements(uiViewportDialogServ
     const message = 'Do you want to continue tracking measurements for this study?';
     const actions = [{
       id: 'no-hydrate',
-      type: src/* ButtonEnums.type */.Ny.NW.secondary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.secondary,
       text: 'No',
       value: promptHydrateStructuredReport_RESPONSE.CANCEL
     }, {
       id: 'yes-hydrate',
-      type: src/* ButtonEnums.type */.Ny.NW.primary,
+      type: ui_src/* ButtonEnums.type */.Ny.NW.primary,
       text: 'Yes',
       value: promptHydrateStructuredReport_RESPONSE.HYDRATE_REPORT
     }];
@@ -1092,6 +1094,13 @@ function TrackedMeasurementsContextProvider({
     };
     triggerPromptHydrateFlow();
   }, [trackedMeasurements, activeViewportId, sendTrackedMeasurementsEvent, servicesManager.services, viewports]);
+  (0,react.useEffect)(() => {
+    // The command needs to be bound to the context's sendTrackedMeasurementsEvent
+    // so the command has to be registered in a React component.
+    commandsManager.registerCommand('DEFAULT', 'loadTrackedSRMeasurements', {
+      commandFn: props => sendTrackedMeasurementsEvent('HYDRATE_SR', props)
+    });
+  }, [commandsManager, sendTrackedMeasurementsEvent]);
   return /*#__PURE__*/react.createElement(TrackedMeasurementsContext.Provider, {
     value: [trackedMeasurements, sendTrackedMeasurementsEvent]
   }, children);
@@ -1131,7 +1140,7 @@ function getContextModule({
 
 /***/ }),
 
-/***/ 71903:
+/***/ 629:
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 // ESM COMPAT FLAG
@@ -1142,10 +1151,10 @@ __webpack_require__.d(__webpack_exports__, {
   "default": () => (/* binding */ measurement_tracking_src)
 });
 
-// EXTERNAL MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx + 9 modules
-var getContextModule = __webpack_require__(79044);
 // EXTERNAL MODULE: ../../../node_modules/react/index.js
 var react = __webpack_require__(86326);
+// EXTERNAL MODULE: ../../../extensions/measurement-tracking/src/getContextModule.tsx + 9 modules
+var getContextModule = __webpack_require__(79044);
 // EXTERNAL MODULE: ../../../node_modules/prop-types/index.js
 var prop_types = __webpack_require__(97598);
 var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
@@ -1153,14 +1162,14 @@ var prop_types_default = /*#__PURE__*/__webpack_require__.n(prop_types);
 var dist = __webpack_require__(4194);
 // EXTERNAL MODULE: ../../../node_modules/react-i18next/dist/es/index.js + 15 modules
 var es = __webpack_require__(99993);
-// EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
-var src = __webpack_require__(29463);
-// EXTERNAL MODULE: ../../ui/src/index.js + 690 modules
-var ui_src = __webpack_require__(35647);
-// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2483 modules
-var ui_next_src = __webpack_require__(35570);
-// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 114 modules
-var default_src = __webpack_require__(71520);
+// EXTERNAL MODULE: ../../core/src/index.ts + 73 modules
+var src = __webpack_require__(10532);
+// EXTERNAL MODULE: ../../ui/src/index.js + 691 modules
+var ui_src = __webpack_require__(32907);
+// EXTERNAL MODULE: ../../ui-next/src/index.ts + 2624 modules
+var ui_next_src = __webpack_require__(18817);
+// EXTERNAL MODULE: ../../../extensions/default/src/index.ts + 121 modules
+var default_src = __webpack_require__(8836);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/constants/actionIcons.ts
 const defaultActionIcons = [{
   id: 'settings',
@@ -1195,11 +1204,13 @@ const defaultViewPresets = [{
 
 
 
+
 const {
   formatDate,
   createStudyBrowserTabs
 } = src/* utils */.Wp;
 const thumbnailNoImageModalities = ['SR', 'SEG', 'SM', 'RTSTRUCT', 'RTPLAN', 'RTDOSE', 'DOC', 'OT', 'PMAP'];
+
 /**
  *
  * @param {*} param0
@@ -1222,6 +1233,12 @@ function PanelStudyBrowserTracking({
     customizationService
   } = servicesManager.services;
   const navigate = (0,dist/* useNavigate */.Zp)();
+  const {
+    mode: studyMode
+  } = customizationService.getCustomization('PanelStudyBrowser.studyMode', {
+    id: 'default',
+    mode: 'all'
+  });
   const {
     t
   } = (0,es/* useTranslation */.Bd)('Common');
@@ -1236,9 +1253,9 @@ function PanelStudyBrowserTracking({
     activeViewportId,
     viewports,
     isHangingProtocolLayout
-  }, viewportGridService] = (0,ui_src/* useViewportGrid */.ih)();
+  }, viewportGridService] = (0,ui_next_src/* useViewportGrid */.ih)();
   const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.B)();
-  const [activeTabName, setActiveTabName] = (0,react.useState)('all');
+  const [activeTabName, setActiveTabName] = (0,react.useState)(studyMode);
   const [expandedStudyInstanceUIDs, setExpandedStudyInstanceUIDs] = (0,react.useState)([...StudyInstanceUIDs]);
   const [studyDisplayList, setStudyDisplayList] = (0,react.useState)([]);
   const [hasLoadedViewports, setHasLoadedViewports] = (0,react.useState)(false);
@@ -1283,6 +1300,9 @@ function PanelStudyBrowserTracking({
   const {
     trackedSeries
   } = trackedMeasurements.context;
+  (0,react.useEffect)(() => {
+    setActiveTabName(studyMode);
+  }, [studyMode]);
 
   // ~~ studyDisplayList
   (0,react.useEffect)(() => {
@@ -1563,9 +1583,6 @@ function PanelStudyBrowserTracking({
       }
     });
   };
-  const onThumbnailContextMenu = (commandName, options) => {
-    commandsManager.runCommand(commandName, options);
-  };
   return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(default_src.PanelStudyBrowserHeader, {
     viewPresets: viewPresets,
     updateViewPresetValue: updateViewPresetValue,
@@ -1592,7 +1609,16 @@ function PanelStudyBrowserTracking({
     activeDisplaySetInstanceUIDs: activeViewportDisplaySetInstanceUIDs,
     showSettings: actionIcons.find(icon => icon.id === 'settings').value,
     viewPresets: viewPresets,
-    onThumbnailContextMenu: onThumbnailContextMenu
+    ThumbnailMenuItems: (0,default_src.MoreDropdownMenu)({
+      commandsManager,
+      servicesManager,
+      menuItemsKey: 'studyBrowser.thumbnailMenuItems'
+    }),
+    StudyMenuItems: (0,default_src.MoreDropdownMenu)({
+      commandsManager,
+      servicesManager,
+      menuItemsKey: 'studyBrowser.studyMenuItems'
+    })
   }));
 }
 PanelStudyBrowserTracking.propTypes = {
@@ -1604,7 +1630,6 @@ PanelStudyBrowserTracking.propTypes = {
   getStudiesForPatientByMRN: (prop_types_default()).func.isRequired,
   requestDisplaySetCreationForStudy: (prop_types_default()).func.isRequired
 };
-/* harmony default export */ const PanelStudyBrowserTracking_PanelStudyBrowserTracking = (PanelStudyBrowserTracking);
 function getImageIdForThumbnail(displaySet, imageIds) {
   let imageId;
   if (displaySet.isDynamicVolume) {
@@ -1647,7 +1672,6 @@ viewportGridService, dataSource, displaySetService, uiDialogService, uiNotificat
   displaySets.filter(ds => !ds.excludeFromThumbnailBrowser).forEach(ds => {
     const imageSrc = thumbnailImageSrcMap[ds.displaySetInstanceUID];
     const componentType = _getComponentType(ds);
-    const numPanes = viewportGridService.getNumViewportPanes();
     const array = componentType === 'thumbnailTracked' ? thumbnailDisplaySets : thumbnailNoImageDisplaySets;
     const {
       displaySetInstanceUID
@@ -1798,17 +1822,6 @@ function getImageSrcFromImageId(cornerstone, imageId) {
   });
 }
 /* harmony default export */ const PanelStudyBrowserTracking_getImageSrcFromImageId = (getImageSrcFromImageId);
-;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/requestDisplaySetCreationForStudy.js
-function requestDisplaySetCreationForStudy(dataSource, displaySetService, StudyInstanceUID, madeInClient) {
-  if (displaySetService.activeDisplaySets.some(displaySet => displaySet.StudyInstanceUID === StudyInstanceUID)) {
-    return;
-  }
-  dataSource.retrieve.series.metadata({
-    StudyInstanceUID,
-    madeInClient
-  });
-}
-/* harmony default export */ const PanelStudyBrowserTracking_requestDisplaySetCreationForStudy = (requestDisplaySetCreationForStudy);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelStudyBrowserTracking/index.tsx
 
 
@@ -1840,8 +1853,8 @@ function WrappedPanelStudyBrowserTracking({
   const getStudiesForPatientByMRN = _getStudyForPatientUtility(extensionManager);
   const _getStudiesForPatientByMRN = getStudiesForPatientByMRN.bind(null, dataSource);
   const _getImageSrcFromImageId = (0,react.useCallback)(_createGetImageSrcFromImageIdFn(extensionManager), []);
-  const _requestDisplaySetCreationForStudy = PanelStudyBrowserTracking_requestDisplaySetCreationForStudy.bind(null, dataSource);
-  return /*#__PURE__*/react.createElement(PanelStudyBrowserTracking_PanelStudyBrowserTracking, {
+  const _requestDisplaySetCreationForStudy = default_src.requestDisplaySetCreationForStudy.bind(null, dataSource);
+  return /*#__PURE__*/react.createElement(PanelStudyBrowserTracking, {
     servicesManager: servicesManager,
     commandsManager: commandsManager,
     dataSource: dataSource,
@@ -1877,8 +1890,8 @@ WrappedPanelStudyBrowserTracking.propTypes = {
   servicesManager: (prop_types_default()).object.isRequired
 };
 /* harmony default export */ const panels_PanelStudyBrowserTracking = (WrappedPanelStudyBrowserTracking);
-// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 105 modules
-var cornerstone_src = __webpack_require__(11185);
+// EXTERNAL MODULE: ../../../extensions/cornerstone/src/index.tsx + 106 modules
+var cornerstone_src = __webpack_require__(56925);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/panels/PanelMeasurementTableTracking.tsx
 
 
@@ -1886,32 +1899,19 @@ var cornerstone_src = __webpack_require__(11185);
 
 
 
-
-
 const {
-  downloadCSVReport,
-  formatDate: PanelMeasurementTableTracking_formatDate
-} = src/* utils */.Wp;
-const DISPLAY_STUDY_SUMMARY_INITIAL_VALUE = {
-  key: undefined,
-  //
-  date: '',
-  // '07-Sep-2010',
-  modality: '',
-  // 'CT',
-  description: '' // 'CHEST/ABD/PELVIS W CONTRAST',
-};
+  filterAnd,
+  filterPlanarMeasurement,
+  filterAny,
+  filterMeasurementsBySeriesUID
+} = src/* utils */.Wp.MeasurementFilters;
 function PanelMeasurementTableTracking({
   servicesManager,
   extensionManager,
   commandsManager
 }) {
-  const [viewportGrid] = (0,ui_src/* useViewportGrid */.ih)();
-  const {
-    t
-  } = (0,es/* useTranslation */.Bd)('MeasurementTable');
+  const [viewportGrid] = (0,ui_next_src/* useViewportGrid */.ih)();
   const {
-    measurementService,
     customizationService
   } = servicesManager.services;
   const [trackedMeasurements, sendTrackedMeasurementsEvent] = (0,getContextModule/* useTrackedMeasurements */.B)();
@@ -1919,58 +1919,20 @@ function PanelMeasurementTableTracking({
     trackedStudy,
     trackedSeries
   } = trackedMeasurements.context;
-  const [displayStudySummary, setDisplayStudySummary] = (0,react.useState)(DISPLAY_STUDY_SUMMARY_INITIAL_VALUE);
-  (0,react.useEffect)(() => {
-    const updateDisplayStudySummary = async () => {
-      if (trackedMeasurements.matches('tracking') && trackedStudy) {
-        const studyMeta = src/* DicomMetadataStore */.H8.getStudy(trackedStudy);
-        if (!studyMeta || !studyMeta.series || studyMeta.series.length === 0) {
-          console.debug('Study metadata not available');
-          return;
-        }
-        const instanceMeta = studyMeta.series[0].instances[0];
-        const {
-          StudyDate,
-          StudyDescription
-        } = instanceMeta;
-        const modalities = new Set();
-        studyMeta.series.forEach(series => {
-          if (trackedSeries.includes(series.SeriesInstanceUID)) {
-            modalities.add(series.instances[0].Modality);
-          }
-        });
-        const modality = Array.from(modalities).join('/');
-        setDisplayStudySummary(prevSummary => {
-          if (prevSummary.key !== trackedStudy) {
-            return {
-              key: trackedStudy,
-              date: StudyDate,
-              modality,
-              description: StudyDescription
-            };
-          }
-          return prevSummary;
-        });
-      } else if (!trackedStudy) {
-        setDisplayStudySummary(DISPLAY_STUDY_SUMMARY_INITIAL_VALUE);
-      }
-    };
-    updateDisplayStudySummary();
-  }, [trackedMeasurements, trackedStudy, trackedSeries]);
+  const measurementFilter = trackedStudy ? filterAnd(filterPlanarMeasurement, filterMeasurementsBySeriesUID(trackedSeries)) : filterPlanarMeasurement;
   const {
     disableEditing
   } = customizationService.getCustomization('PanelMeasurement.disableEditing', {
     id: 'default.disableEditing',
     disableEditing: false
   });
-  return /*#__PURE__*/react.createElement(react.Fragment, null, displayStudySummary.key && /*#__PURE__*/react.createElement(ui_next_src/* StudySummary */.u3, {
-    date: PanelMeasurementTableTracking_formatDate(displayStudySummary.date),
-    description: displayStudySummary.description
+  return /*#__PURE__*/react.createElement(react.Fragment, null, /*#__PURE__*/react.createElement(cornerstone_src.StudySummaryFromMetadata, {
+    StudyInstanceUID: trackedStudy
   }), /*#__PURE__*/react.createElement(cornerstone_src.PanelMeasurement, {
     servicesManager: servicesManager,
     extensionManager: extensionManager,
     commandsManager: commandsManager,
-    measurementFilter: measurement => trackedStudy === measurement.referenceStudyUID && trackedSeries.includes(measurement.referenceSeriesUID),
+    measurementFilter: measurementFilter,
     customHeader: ({
       additionalFindings,
       measurements
@@ -1988,9 +1950,9 @@ function PanelMeasurementTableTracking({
         variant: "ghost",
         className: "pl-1.5",
         onClick: () => {
-          const measurements = measurementService.getMeasurements();
-          const trackedMeasurements = measurements.filter(m => trackedStudy === m.referenceStudyUID && trackedSeries.includes(m.referenceSeriesUID));
-          downloadCSVReport(trackedMeasurements);
+          commandsManager.runCommand('downloadCSVMeasurementsReport', {
+            measurementFilter
+          });
         }
       }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Download, {
         className: "h-5 w-5"
@@ -2011,7 +1973,9 @@ function PanelMeasurementTableTracking({
         variant: "ghost",
         className: "pl-0.5",
         onClick: () => {
-          measurementService.clearMeasurements();
+          commandsManager.runCommand('clearMeasurements', {
+            measurementFilter
+          });
         }
       }, /*#__PURE__*/react.createElement(ui_next_src/* Icons */.FI.Delete, null), "Delete All")));
     }
@@ -2098,11 +2062,16 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-
 
 const id = package_namespaceObject.UU;
 
+// EXTERNAL MODULE: ../../i18n/src/index.js + 150 modules
+var i18n_src = __webpack_require__(16076);
 ;// CONCATENATED MODULE: ../../../extensions/measurement-tracking/src/index.tsx
 
 
 
 
+
+
+
 const measurementTrackingExtension = {
   /**
    * Only required property. Should be a unique value across all extensions.
@@ -2110,7 +2079,25 @@ const measurementTrackingExtension = {
   id: id,
   getContextModule: getContextModule/* default */.A,
   getPanelModule: src_getPanelModule,
-  getViewportModule: src_getViewportModule
+  getViewportModule: src_getViewportModule,
+  onModeEnter({
+    servicesManager
+  }) {
+    const {
+      toolbarService
+    } = servicesManager.services;
+    toolbarService.addButtons([{
+      // A button for loading tracked, SR measurements.
+      // Note that the command run is registered in TrackedMeasurementsContext
+      // because it must be bound to a React context's data.
+      id: 'loadSRMeasurements',
+      component: props => /*#__PURE__*/react.createElement(ui_src/* ViewportActionButton */.N8, props, i18n_src/* default */.A.t('Common:LOAD')),
+      props: {
+        commands: ['loadTrackedSRMeasurements']
+      }
+    }], true // replace the button if it is already defined
+    );
+  }
 };
 /* harmony default export */ const measurement_tracking_src = (measurementTrackingExtension);
 

package/dist/{1927.bundle.c08eed6a2faeed833931.js → 1927.bundle.81b7ac9fa6e3ae8aba5a.js}

@@ -90,7 +90,7 @@
 /******/ 	__webpack_require__.x = () => {
 /******/ 		// Load entry module and return exports
 /******/ 		// This entry module depends on other loaded chunks and execution need to be delayed
-/******/ 		var __webpack_exports__ = __webpack_require__.O(undefined, [4571], () => (__webpack_require__(94571)))
+/******/ 		var __webpack_exports__ = __webpack_require__.O(undefined, [3353], () => (__webpack_require__(83353)))
 /******/ 		__webpack_exports__ = __webpack_require__.O(__webpack_exports__);
 /******/ 		return __webpack_exports__;
 /******/ 	};
@@ -172,7 +172,7 @@
 /******/ 		// This function allow to reference async chunks and sibling chunks for the entrypoint
 /******/ 		__webpack_require__.u = (chunkId) => {
 /******/ 			// return url for filenames based on template
-/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","4571":"a838b008320a4c3b6d40","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
+/******/ 			return "" + chunkId + ".bundle." + {"732":"532947c280e1a8f6e020","3353":"7b884aa0f7a26146cbed","8094":"411698eaf81975a7f12d"}[chunkId] + ".js";
 /******/ 		};
 /******/ 	})();
 /******/ 	
@@ -253,7 +253,7 @@
 /******/ 	(() => {
 /******/ 		var next = __webpack_require__.x;
 /******/ 		__webpack_require__.x = () => {
-/******/ 			return __webpack_require__.e(4571).then(next);
+/******/ 			return __webpack_require__.e(3353).then(next);
 /******/ 		};
 /******/ 	})();
 /******/ 	

package/dist/{213.bundle.801f7a301c808c24e58d.js → 213.bundle.99dfdcf47c09b6626045.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-
 const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-video`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
-var src = __webpack_require__(29463);
+// EXTERNAL MODULE: ../../core/src/index.ts + 73 modules
+var src = __webpack_require__(10532);
 // EXTERNAL MODULE: ../../../node_modules/@cornerstonejs/core/dist/esm/index.js
 var esm = __webpack_require__(81985);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-video/src/getSopClassHandlerModule.js

package/dist/{2424.bundle.8ef2dbd08a9ee8e88d38.js → 2424.bundle.94a7d8dd48e442133c12.js}

@@ -21,8 +21,8 @@ const package_namespaceObject = /*#__PURE__*/JSON.parse('{"UU":"@ohif/extension-
 const id = package_namespaceObject.UU;
 const SOPClassHandlerId = `${id}.sopClassHandlerModule.dicom-pdf`;
 
-// EXTERNAL MODULE: ../../core/src/index.ts + 71 modules
-var src = __webpack_require__(29463);
+// EXTERNAL MODULE: ../../core/src/index.ts + 73 modules
+var src = __webpack_require__(10532);
 ;// CONCATENATED MODULE: ../../../extensions/dicom-pdf/src/getSopClassHandlerModule.js