@ohif/app 3.0.0 → 3.5.0

package/dist/799.bundle.3fff638815e355b0bdfd.js

@@ -0,0 +1,271 @@
+"use strict";
+(globalThis["webpackChunk"] = globalThis["webpackChunk"] || []).push([[799],{
+
+/***/ 91799:
+/***/ ((__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__(32735);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(60216);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ohif_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(48501);
+/* harmony import */ var _ohif_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(43803);
+/* harmony import */ var react_i18next__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(21572);
+/* harmony import */ var _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(57270);
+/* harmony import */ var _getContextModule__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(43418);
+/* harmony import */ var _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(77331);
+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); }
+
+
+
+
+
+
+
+
+const {
+  formatDate
+} = _ohif_core__WEBPACK_IMPORTED_MODULE_2__.utils;
+function TrackedCornerstoneViewport(props) {
+  const {
+    displaySets,
+    viewportIndex,
+    viewportLabel,
+    servicesManager,
+    extensionManager,
+    viewportOptions
+  } = props;
+  const {
+    t
+  } = (0,react_i18next__WEBPACK_IMPORTED_MODULE_4__/* .useTranslation */ .$G)('TrackedViewport');
+  const {
+    measurementService,
+    cornerstoneViewportService
+  } = servicesManager.services;
+
+  // Todo: handling more than one displaySet on the same viewport
+  const displaySet = displaySets[0];
+  const [trackedMeasurements] = (0,_getContextModule__WEBPACK_IMPORTED_MODULE_6__/* .useTrackedMeasurements */ .I)();
+  const [isTracked, setIsTracked] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+  const [trackedMeasurementUID, setTrackedMeasurementUID] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const [viewportElem, setViewportElem] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
+  const {
+    trackedSeries
+  } = trackedMeasurements.context;
+  const viewportId = viewportOptions.viewportId;
+  const {
+    SeriesDate,
+    SeriesDescription,
+    SeriesInstanceUID,
+    SeriesNumber
+  } = displaySet;
+  const {
+    PatientID,
+    PatientName,
+    PatientSex,
+    PatientAge,
+    SliceThickness,
+    SpacingBetweenSlices,
+    ManufacturerModelName
+  } = displaySet.images[0];
+  const updateIsTracked = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    const viewport = cornerstoneViewportService.getCornerstoneViewportByIndex(viewportIndex);
+    if (viewport instanceof _cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.BaseVolumeViewport) {
+      // A current image id will only exist for volume viewports that can have measurements tracked.
+      // Typically these are those volume viewports for the series of acquisition.
+      const currentImageId = viewport?.getCurrentImageId();
+      if (!currentImageId) {
+        if (isTracked) {
+          setIsTracked(false);
+        }
+        return;
+      }
+    }
+    if (trackedSeries.includes(SeriesInstanceUID) !== isTracked) {
+      setIsTracked(!isTracked);
+    }
+  }, [isTracked, trackedMeasurements, viewportIndex, SeriesInstanceUID]);
+  const onElementEnabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(evt => {
+    if (evt.detail.element !== viewportElem) {
+      // The VOLUME_VIEWPORT_NEW_VOLUME event allows updateIsTracked to reliably fetch the image id for a volume viewport.
+      evt.detail.element?.addEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
+      setViewportElem(evt.detail.element);
+    }
+  }, [updateIsTracked, viewportElem]);
+  const onElementDisabled = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+    viewportElem?.removeEventListener(_cornerstonejs_core__WEBPACK_IMPORTED_MODULE_7__.Enums.Events.VOLUME_VIEWPORT_NEW_VOLUME, updateIsTracked);
+  }, [updateIsTracked, viewportElem]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(updateIsTracked, [updateIsTracked]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    const {
+      unsubscribe
+    } = cornerstoneViewportService.subscribe(cornerstoneViewportService.EVENTS.VIEWPORT_DATA_CHANGED, props => {
+      if (props.viewportIndex !== viewportIndex) {
+        return;
+      }
+      updateIsTracked();
+    });
+    return () => {
+      unsubscribe();
+    };
+  }, [updateIsTracked, viewportIndex]);
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+    if (isTracked) {
+      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {
+        global: {
+          lineDash: ''
+        }
+      });
+      cornerstoneViewportService.getRenderingEngine().renderViewport(viewportId);
+      return;
+    }
+    _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {
+      global: {
+        lineDash: '4,4'
+      }
+    });
+    cornerstoneViewportService.getRenderingEngine().renderViewport(viewportId);
+    return () => {
+      _cornerstonejs_tools__WEBPACK_IMPORTED_MODULE_5__.annotation.config.style.setViewportToolStyles(viewportId, {});
+    };
+  }, [isTracked]);
+  function switchMeasurement(direction) {
+    const newTrackedMeasurementUID = _getNextMeasurementUID(direction, servicesManager, trackedMeasurementUID, trackedMeasurements);
+    if (!newTrackedMeasurementUID) {
+      return;
+    }
+    setTrackedMeasurementUID(newTrackedMeasurementUID);
+    measurementService.jumpToMeasurement(viewportIndex, newTrackedMeasurementUID);
+  }
+  const getCornerstoneViewport = () => {
+    const {
+      component: Component
+    } = extensionManager.getModuleEntry('@ohif/extension-cornerstone.viewportModule.cornerstone');
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(Component, _extends({}, props, {
+      onElementEnabled: onElementEnabled,
+      onElementDisabled: onElementDisabled
+    }));
+  };
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .ViewportActionBar */ .uY, {
+    onDoubleClick: evt => {
+      evt.stopPropagation();
+      evt.preventDefault();
+    },
+    useAltStyling: isTracked,
+    onArrowsClick: direction => switchMeasurement(direction),
+    getStatusComponent: () => _getStatusComponent(isTracked),
+    studyData: {
+      label: viewportLabel,
+      studyDate: formatDate(SeriesDate),
+      // TODO: This is series date. Is that ok?
+      currentSeries: SeriesNumber,
+      // TODO - switch entire currentSeries to be UID based or actual position based
+      seriesDescription: SeriesDescription,
+      patientInformation: {
+        patientName: PatientName ? _ohif_core__WEBPACK_IMPORTED_MODULE_2__["default"].utils.formatPN(PatientName) : '',
+        patientSex: PatientSex || '',
+        patientAge: PatientAge || '',
+        MRN: PatientID || '',
+        thickness: SliceThickness ? `${parseFloat(SliceThickness).toFixed(2)}mm` : '',
+        spacing: SpacingBetweenSlices !== undefined ? `${parseFloat(SpacingBetweenSlices).toFixed(2)}mm` : '',
+        scanner: ManufacturerModelName || ''
+      }
+    }
+  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    className: "relative flex flex-row w-full h-full overflow-hidden"
+  }, getCornerstoneViewport()));
+}
+TrackedCornerstoneViewport.propTypes = {
+  displaySets: prop_types__WEBPACK_IMPORTED_MODULE_1___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_1___default().object.isRequired)).isRequired,
+  viewportIndex: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number.isRequired),
+  dataSource: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object),
+  children: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().node),
+  customProps: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().object)
+};
+TrackedCornerstoneViewport.defaultProps = {
+  customProps: {}
+};
+function _getNextMeasurementUID(direction, servicesManager, trackedMeasurementId, trackedMeasurements) {
+  const {
+    measurementService,
+    viewportGridService
+  } = servicesManager.services;
+  const measurements = measurementService.getMeasurements();
+  const {
+    activeViewportIndex,
+    viewports
+  } = viewportGridService.getState();
+  const {
+    displaySetInstanceUIDs: activeViewportDisplaySetInstanceUIDs
+  } = viewports[activeViewportIndex];
+  const {
+    trackedSeries
+  } = trackedMeasurements.context;
+
+  // Get the potentially trackable measurements for the series of the
+  // active viewport.
+  // The measurements to jump between are the same
+  // regardless if this series is tracked or not.
+
+  const filteredMeasurements = measurements.filter(m => trackedSeries.includes(m.referenceSeriesUID) && activeViewportDisplaySetInstanceUIDs.includes(m.displaySetInstanceUID));
+  if (!filteredMeasurements.length) {
+    // No measurements on this series.
+    return;
+  }
+  const measurementCount = filteredMeasurements.length;
+  const uids = filteredMeasurements.map(fm => fm.uid);
+  let measurementIndex = uids.findIndex(uid => uid === trackedMeasurementId);
+  if (measurementIndex === -1) {
+    // Not tracking a measurement, or previous measurement now deleted, revert to 0.
+    measurementIndex = 0;
+  } else {
+    if (direction === 'left') {
+      measurementIndex--;
+      if (measurementIndex < 0) {
+        measurementIndex = measurementCount - 1;
+      }
+    } else if (direction === 'right') {
+      measurementIndex++;
+      if (measurementIndex === measurementCount) {
+        measurementIndex = 0;
+      }
+    }
+  }
+  const newTrackedMeasurementId = uids[measurementIndex];
+  return newTrackedMeasurementId;
+}
+function _getStatusComponent(isTracked) {
+  const trackedIcon = isTracked ? 'status-tracked' : 'status-untracked';
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+    className: "relative"
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Tooltip */ .u, {
+    position: "bottom-left",
+    content: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+      className: "flex py-2"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+      className: "flex pt-1"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .JO, {
+      name: "info-link",
+      className: "w-4 text-primary-main"
+    })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", {
+      className: "flex ml-4"
+    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
+      className: "text-base text-common-light"
+    }, isTracked ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "Series is", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
+      className: "font-bold text-white"
+    }, " tracked"), " and can be viewed ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), " in the measurement panel") : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, "Measurements for", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", {
+      className: "font-bold text-white"
+    }, " untracked "), "series ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), " will not be shown in the ", /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("br", null), " measurements panel"))))
+  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ohif_ui__WEBPACK_IMPORTED_MODULE_3__/* .Icon */ .JO, {
+    name: trackedIcon,
+    className: "text-primary-light"
+  })));
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TrackedCornerstoneViewport);
+
+/***/ })
+
+}]);

package/dist/806.css

@@ -0,0 +1 @@
+.dicom-tag-browser-table{margin-left:auto;margin-right:auto}.dicom-tag-browser-table-wrapper{overflow-x:scroll}.dicom-tag-browser-table tr{border-top:1px solid #ddd;color:#fff;padding-left:10px;padding-right:10px;white-space:nowrap}.stick{overflow:clip;position:sticky}.dicom-tag-browser-content{overflow:hidden;padding-bottom:50px;width:100%}.dicom-tag-browser-instance-range .range{height:20px}.dicom-tag-browser-instance-range{padding:20px 0}.dicom-tag-browser-table td.dicom-tag-browser-table-center{text-align:center}.dicom-tag-browser-table th{color:"#20A5D6";padding-left:10px;padding-right:10px;text-align:center}.dicom-tag-browser-table th.dicom-tag-browser-table-left{text-align:left}