- {getInfo(SeriesNumber, 'S:')}
- {getInfo(InstanceNumber, 'I:')}
- {getInfo(numImageFrames, '', 'image-frames')}
-
- );
- };
-
- return (
- . This is useful when it is difficult
- to make a preview for a type of DICOM series (e.g. DICOM-SR)
- */
- altImageText: PropTypes.string,
- SeriesDescription: PropTypes.string,
- SeriesNumber: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- InstanceNumber: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
- numImageFrames: PropTypes.number,
- onDoubleClick: PropTypes.func,
- onClick: PropTypes.func,
- onMouseDown: PropTypes.func,
-};
-
-Thumbnail.defaultProps = {
- supportsDrag: false,
- active: false,
- error: false,
- stackPercentComplete: 0,
- onDoubleClick: noop,
- onClick: noop,
- onMouseDown: noop,
-};
-
-export { Thumbnail };
diff --git a/platform/ui/src/components/studyBrowser/__docs__/ExampleDropTarget.js b/platform/ui/src/components/studyBrowser/__docs__/ExampleDropTarget.js
deleted file mode 100644
index e505eac31..000000000
--- a/platform/ui/src/components/studyBrowser/__docs__/ExampleDropTarget.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import React, { Component } from 'react';
-import { DropTarget } from 'react-dnd';
-import PropTypes from 'prop-types';
-import './ExampleDropTarget.css';
-
-// Drag sources and drop targets only interact
-// if they have the same string type.
-const Types = {
- THUMBNAIL: 'thumbnail',
-};
-
-const divTarget = {
- drop(props, monitor, component) {
- // Note: For this example we use setState, but in
- // OHIF we will update the redux store instead
- const item = monitor.getItem();
-
- component.setState({
- item: {
- id: item.id,
- SeriesDescription: item.SeriesDescription,
- },
- });
- return { id: 'ExampleDropTarget' };
- },
-};
-
-// TODO: Find out why we can't move this into the Example app instead.
-// It looks like the context isn't properly shared.
-class CustomDropTarget extends Component {
- static className = 'ExampleDropTarget';
-
- state = {
- item: null,
- };
-
- static defaultProps = {
- isOver: false,
- };
-
- static propTypes = {
- connectDropTarget: PropTypes.func.isRequired,
- canDrop: PropTypes.bool.isRequired,
- isOver: PropTypes.bool.isRequired,
- };
-
- render() {
- const { canDrop, isOver, connectDropTarget } = this.props;
- const isActive = canDrop && isOver;
-
- let className = ExampleDropTarget.className;
-
- if (isActive) {
- className += ' hovered';
- } else if (canDrop) {
- className += ' can-drop';
- }
-
- return connectDropTarget(
-
-
- {isActive
- ? 'Release to drop'
- : 'Drag / Drop something from the Study Browser here'}
-
-
- {this.state.item && JSON.stringify(this.state.item)}
-
-
- );
- }
-}
-
-const collect = (connect, monitor) => ({
- connectDropTarget: connect.dropTarget(),
- isOver: monitor.isOver(),
- canDrop: monitor.canDrop(),
-});
-
-const ExampleDropTarget = DropTarget(Types.THUMBNAIL, divTarget, collect)(
- CustomDropTarget
-);
-
-export { ExampleDropTarget };
diff --git a/platform/ui/src/components/studyBrowser/__docs__/exampleStudies.js b/platform/ui/src/components/studyBrowser/__docs__/exampleStudies.js
deleted file mode 100644
index a9ca38c67..000000000
--- a/platform/ui/src/components/studyBrowser/__docs__/exampleStudies.js
+++ /dev/null
@@ -1,75 +0,0 @@
-export const studies = [
- {
- thumbnails: [
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/Anti-PD-1_Lung.jpg',
- SeriesDescription: 'Anti-PD-1_Lung',
- active: true,
- SeriesNumber: '2',
- numImageFrames: 512,
- stackPercentComplete: 30,
- },
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/Anti-PD-1_MELANOMA.jpg',
- SeriesDescription: 'Anti-PD-1_MELANOMA',
- SeriesNumber: '2',
- InstanceNumber: '1',
- numImageFrames: 256,
- stackPercentComplete: 70,
- },
- {
- altImageText: 'SR',
- SeriesDescription: 'Imaging Measurement Report',
- SeriesNumber: '3',
- stackPercentComplete: 100,
- },
- ],
- },
- {
- thumbnails: [
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/CPTAC-GBM.jpg',
- SeriesDescription: 'CPTAC-GBM',
- active: true,
- SeriesNumber: '2',
- numImageFrames: 512,
- stackPercentComplete: 100,
- },
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/CPTAC-CM.jpg',
- SeriesDescription: 'CPTAC-CM',
- SeriesNumber: '2',
- InstanceNumber: '1',
- numImageFrames: 256,
- },
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/CPTAC-HNSCC.jpg',
- SeriesDescription: 'CPTAC-HNSCC',
- SeriesNumber: '2',
- InstanceNumber: '1',
- numImageFrames: 256,
- },
- {
- imageSrc:
- 'https://raw.githubusercontent.com/crowds-cure/cancer/master/public/screenshots/CPTAC-LSCC.jpg',
- SeriesDescription: 'CPTAC-LSCC',
- SeriesNumber: '2',
- InstanceNumber: '1',
- numImageFrames: 256,
- },
- ],
- },
-];
-
-export function onThumbnailClick() {
- console.warn('onThumbnailClick');
-}
-
-export function onThumbnailDoubleClick() {
- console.warn('onThumbnailDoubleClick');
-}
diff --git a/platform/ui/src/components/studyList/StudyList.js b/platform/ui/src/components/studyList/StudyList.js
deleted file mode 100644
index c8fb7415d..000000000
--- a/platform/ui/src/components/studyList/StudyList.js
+++ /dev/null
@@ -1,409 +0,0 @@
-import './StudyList.styl';
-
-import React from 'react';
-import classNames from 'classnames';
-import TableSearchFilter from './TableSearchFilter.js';
-import PropTypes from 'prop-types';
-import { StudyListLoadingText } from './StudyListLoadingText.js';
-import { useTranslation } from 'react-i18next';
-
-const getContentFromUseMediaValue = (
- displaySize,
- contentArrayMap,
- defaultContent
-) => {
- const content =
- displaySize in contentArrayMap
- ? contentArrayMap[displaySize]
- : defaultContent;
-
- return content;
-};
-/**
- *
- *
- * @param {*} props
- * @returns
- */
-function StudyList(props) {
- const {
- isLoading,
- hasError,
- studies,
- sort,
- onSort: handleSort,
- filterValues,
- onFilterChange: handleFilterChange,
- onSelectItem: handleSelectItem,
- studyListDateFilterNumDays,
- displaySize,
- } = props;
- const { t, ready: translationsAreReady } = useTranslation('StudyList');
-
- const largeTableMeta = [
- {
- displayText: t('PatientName'),
- fieldName: 'PatientName',
- inputType: 'text',
- size: 330,
- },
- {
- displayText: t('MRN'),
- fieldName: 'PatientID',
- inputType: 'text',
- size: 378,
- },
- {
- displayText: t('AccessionNumber'),
- fieldName: 'AccessionNumber',
- inputType: 'text',
- size: 180,
- },
- {
- displayText: t('StudyDate'),
- fieldName: 'StudyDate',
- inputType: 'date-range',
- size: 300,
- },
- {
- displayText: t('Modality'),
- fieldName: 'modalities',
- inputType: 'text',
- size: 114,
- },
- {
- displayText: t('StudyDescription'),
- fieldName: 'StudyDescription',
- inputType: 'text',
- size: 335,
- },
- ];
-
- const mediumTableMeta = [
- {
- displayText: `${t('PatientName')} / ${t('MRN')}`,
- fieldName: 'patientNameOrId',
- inputType: 'text',
- size: 250,
- },
- {
- displayText: t('Description'),
- fieldName: 'accessionOrModalityOrDescription',
- inputType: 'text',
- size: 350,
- },
- {
- displayText: t('StudyDate'),
- fieldName: 'StudyDate',
- inputType: 'date-range',
- size: 300,
- },
- ];
-
- const smallTableMeta = [
- {
- displayText: t('Search'),
- fieldName: 'allFields',
- inputType: 'text',
- size: 100,
- },
- ];
-
- const tableMeta = getContentFromUseMediaValue(
- displaySize,
- { large: largeTableMeta, medium: mediumTableMeta, small: smallTableMeta },
- smallTableMeta
- );
-
- const totalSize = tableMeta
- .map(field => field.size)
- .reduce((prev, next) => prev + next);
-
- return translationsAreReady ? (
-
-
- {tableMeta.map((field, i) => {
- const size = field.size;
- const percentWidth = (size / totalSize) * 100.0;
-
- return ;
- })}
-
-
-
-
-
-
-
- {/* I'm not in love with this approach, but it's the quickest way for now
- *
- * - Display different content based on loading, empty, results state
- *
- * This is not ideal because it create a jump in focus. For loading especially,
- * We should keep our current results visible while we load the new ones.
- */}
- {/* LOADING */}
- {isLoading && (
-
- |
-
- |
-
- )}
- {!isLoading && hasError && (
-
- |
-
- {t('There was an error fetching studies')}
-
- |
-
- )}
- {/* EMPTY */}
- {!isLoading && !studies.length && (
-
- |
- {t('No matching results')}
- |
-
- )}
- {!isLoading &&
- studies.map((study, index) => (
- handleSelectItem(StudyInstanceUID)}
- AccessionNumber={study.AccessionNumber || ''}
- modalities={study.modalities}
- PatientID={study.PatientID || ''}
- PatientName={study.PatientName || ''}
- StudyDate={study.StudyDate}
- StudyDescription={study.StudyDescription || ''}
- StudyInstanceUID={study.StudyInstanceUID}
- displaySize={displaySize}
- />
- ))}
-
-
- ) : null;
-}
-
-StudyList.propTypes = {
- isLoading: PropTypes.bool.isRequired,
- hasError: PropTypes.bool.isRequired,
- studies: PropTypes.array.isRequired,
- onSelectItem: PropTypes.func.isRequired,
- // ~~ SORT
- sort: PropTypes.shape({
- fieldName: PropTypes.string,
- direction: PropTypes.oneOf(['desc', 'asc', null]),
- }).isRequired,
- onSort: PropTypes.func.isRequired,
- // ~~ FILTERS
- filterValues: PropTypes.shape({
- PatientName: PropTypes.string.isRequired,
- PatientID: PropTypes.string.isRequired,
- AccessionNumber: PropTypes.string.isRequired,
- StudyDate: PropTypes.string.isRequired,
- modalities: PropTypes.string.isRequired,
- StudyDescription: PropTypes.string.isRequired,
- patientNameOrId: PropTypes.string.isRequired,
- accessionOrModalityOrDescription: PropTypes.string.isRequired,
- allFields: PropTypes.string.isRequired,
- studyDateTo: PropTypes.any,
- studyDateFrom: PropTypes.any,
- }).isRequired,
- onFilterChange: PropTypes.func.isRequired,
- studyListDateFilterNumDays: PropTypes.number,
- displaySize: PropTypes.string,
-};
-
-StudyList.defaultProps = {};
-
-function TableRow(props) {
- const {
- AccessionNumber,
- isHighlighted,
- modalities,
- PatientID,
- PatientName,
- StudyDate,
- StudyDescription,
- StudyInstanceUID,
- onClick: handleClick,
- displaySize,
- } = props;
-
- const { t } = useTranslation('StudyList');
-
- const largeRowTemplate = (
-
handleClick(StudyInstanceUID)}
- className={classNames({ active: isHighlighted })}
- >
- |
- {PatientName || `(${t('Empty')})`}
- |
- {PatientID} |
- {AccessionNumber} |
- {StudyDate} |
-
- {modalities || `(${t('Empty')})`}
- |
- {StudyDescription} |
-
- );
-
- const mediumRowTemplate = (
-
handleClick(StudyInstanceUID)}
- className={classNames({ active: isHighlighted })}
- >
- |
- {PatientName || `(${t('Empty')})`}
- {PatientID}
- |
-
-
- {/* DESCRIPTION */}
-
- {StudyDescription}
-
-
- {/* MODALITY & ACCESSION */}
-
-
- {modalities || `(${t('Empty')})`}
-
-
- {AccessionNumber}
-
-
- |
- {/* DATE */}
- {StudyDate} |
-
- );
-
- const smallRowTemplate = (
-
handleClick(StudyInstanceUID)}
- className={classNames({ active: isHighlighted })}
- >
-
-
- {/* NAME AND ID */}
-
-
- {PatientName || `(${t('Empty')})`}
-
- {PatientID}
-
-
- {/* DESCRIPTION */}
-
- {StudyDescription}
-
-
- {/* MODALITY & DATE */}
-
-
- {modalities || `(${t('Empty')})`}
-
- {StudyDate}
-
- |
-
- );
-
- const rowTemplate = getContentFromUseMediaValue(
- displaySize,
- {
- large: largeRowTemplate,
- medium: mediumRowTemplate,
- small: smallRowTemplate,
- },
- smallRowTemplate
- );
-
- return rowTemplate;
-}
-
-TableRow.propTypes = {
- AccessionNumber: PropTypes.string.isRequired,
- isHighlighted: PropTypes.bool,
- modalities: PropTypes.string,
- PatientID: PropTypes.string.isRequired,
- PatientName: PropTypes.string.isRequired,
- StudyDate: PropTypes.string.isRequired,
- StudyDescription: PropTypes.string.isRequired,
- StudyInstanceUID: PropTypes.string.isRequired,
- displaySize: PropTypes.string,
-};
-
-TableRow.defaultProps = {
- isHighlighted: false,
-};
-
-export { StudyList };
diff --git a/platform/ui/src/components/studyList/StudyList.styl b/platform/ui/src/components/studyList/StudyList.styl
deleted file mode 100644
index 4d350f117..000000000
--- a/platform/ui/src/components/studyList/StudyList.styl
+++ /dev/null
@@ -1,238 +0,0 @@
-@import './../../design/styles/common/form.styl'
-@import './../../design/styles/common/global.styl'
-
-$study-list-padding = 8%;
-$study-list-toolbar-height = 75px;
-$body-cell-height = 40px;
-$body-cell-top-bottom-padding = 16px;
-
-$tablePaddingMediumScreen = 5px
-$tablePaddingBigScreen = 3%
-$tablePaddingLargeScreen = 5%
-
-// TODO: move this to a common mixin files
-placeholder-color(c)
- &::-webkit-input-placeholder
- color: c
- &:-moz-placeholder
- color: c
- &::-moz-placeholder
- color: c
- &:-ms-input-placeholder
- color: c
-
-.study-list-header
- .addNewStudy
- margin: 0 10px
-
- label
- font-weight: 400
- cursor: pointer
- display: inline-block;
- max-width: 100%;
- margin-bottom: 5px;
-
- input
- width: 0.1px;
- height: 0.1px
- opacity: 0
- overflow: hidden
- position: absolute
- z-index: -1
-
- color: var(--text-secondary-color)
-
- &:hover
- color: var(--hover-color)
-
- &:active
- color: var(--active-color)
-
-.study-list-header
- display: flex;
- justify-content: space-between;
- background-color: var(--ui-gray-darker)
- height: $study-list-toolbar-height
- margin-bottom: 2px
- padding: 0 $study-list-padding
- line-height: $study-list-toolbar-height
-
- .header
- font-size: 22px
- font-weight: 300
- color: var(--table-text-secondary-color)
- line-height: $study-list-toolbar-height
-
- .actions
- display: flex;
-
- .study-count
- color: var(--large-numbers-color)
- font-size: 40px
- font-weight: 100
- line-height: $study-list-toolbar-height
-
-/*
- * Dark gray background with blue border
- * Spans width of page to create a distinct area for table filters
- */
-.table-head-background
- height: 121px
- position: absolute
- width: 100%
-
- &:before, &:after
- content: ''
- display: block
- left: 0
- position: absolute
- width: 100%
-
- &:before
- background-color: var(--ui-gray-darker)
- height: 100%
- top: 0
- z-index: 1
-
- &:after
- background-color: var(--ui-border-color-active)
- bottom: -1px
- height: 1px
- z-index: 2
-
-
-.study-list-container
- width: 100%
- padding: 0 $study-list-padding
- position: absolute
- z-index: 2
-
-table.table
- width: 100%;
- margin-bottom: 20px;
- border-spacing: 0;
- border-collapse: collapse;
- table-layout: fixed;
- color: var(--table-text-primary-color)
- font-weight: 300
-
- > tbody tr
- padding: 5px
- background-color: black
-
- > tbody td
- padding: $body-cell-top-bottom-padding 8px;
- height: $body-cell-height
- word-wrap: break-word;
-
- /* Striped Variant */
- &.table--striped > tbody tr:nth-child(even)
- background-color: var(--ui-gray-darker)
-
- /* Hover Variant */
- &.table--hoverable > tbody tr
- &:hover, &:active, &.active
- background-color: var(--table-hover-color)
- &.no-hover
- &:hover, &:active, &.active
- background-color: var(--ui-gray-darker)
-
- .empty-value
- color: var(--ui-gray-light)
-
-.study-list-container > table.table > tr
- height: 20px
-
-.study-list-container > table.table > thead
- ::-webkit-datetime-edit-year-field:not([aria-valuenow]),
- ::-webkit-datetime-edit-month-field:not([aria-valuenow]),
- ::-webkit-datetime-edit-day-field:not([aria-valuenow])
- color: transparent
-
-.study-list-container > table.table > thead > tr > th
- padding: 0;
- border-bottom: 1px solid var(--ui-border-color-active);
- width: 100%;
- text-align: left;
- border-top: 0;
-
-.study-list-container > table.table > thead > tr > th.StudyDate
- min-width: 230px
-.study-list-container > table.table .modalities
- font-weight: 500;
- min-height: 20px;
- text-overflow: ellipsis;
- white-space: nowrap;
- overflow: hidden;
-
-.study-list-container
- .filters
- label
- display: flex;
- align-items: center;
- cursor: pointer;
- width: 100%;
- min-width: 95px;
- margin: 0 auto;
- color: var(--table-text-primary-color);
- font-weight: 400;
- padding: 20px 8px;
- user-select: none;
- font-size: 15px;
-
- &:hover
- color: var(--active-color);
-
- &.active, &:active
- color: var(--active-color);
- i
- margin: 0 5px;
-
- input
- height: 40px
- margin: 0 5px 20px 5px
- padding: 0 20px
- cursor: pointer
- border: none
- background-color: var(--input-background-color)
- color: var(--input-placeholder-color)
- font-size: 10pt
- font-weight: normal
- border-radius: 4px
- width: calc(100% - 10px); /* Just use padding? */
- transition(all 0.15s ease)
- placeholder-color(var(--input-placeholder-color))
-
- &:active, &:hover
- background-color: var(--input-background-color)
-
- .loading-text
- color: var(--table-text-secondary-color)
- text-align: center;
- font-size: 30px
-
- .notFound
- color: var(--table-text-secondary-color)
- font-size: 30px
- font-weight: 200
- text-align: center
-
-@media only screen and (max-width: 768px)
- .study-list-header
- padding: 0 16px;
-
- .study-list-container
- padding: 0;
-
- .study-list-container > table.table > thead > tr > th
- padding: 0 13px;
-
- .study-list-container > table.table > tbody > tr > td
- padding: 8px;
-
- .study-list-container .filters label
- padding: 8px;
-
-@media only screen and (max-width: 500px)
- .hide-xs
- display: none;
diff --git a/platform/ui/src/components/studyList/TablePagination.js b/platform/ui/src/components/studyList/TablePagination.js
deleted file mode 100644
index ea6ed280f..000000000
--- a/platform/ui/src/components/studyList/TablePagination.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
-import './PaginationArea.styl';
-import { withTranslation } from '../../contextProviders';
-
-class TablePagination extends PureComponent {
- static defaultProps = {
- pageOptions: [5, 10, 25, 50, 100],
- rowsPerPage: 25,
- currentPage: 0,
- };
-
- static propTypes = {
- /* Values to show in "Rows per page" select dropdown */
- pageOptions: PropTypes.array,
- rowsPerPage: PropTypes.number.isRequired,
- currentPage: PropTypes.number.isRequired,
- nextPageFunc: PropTypes.func,
- prevPageFunc: PropTypes.func,
- onRowsPerPageChange: PropTypes.func,
- recordCount: PropTypes.number.isRequired,
- };
-
- nextPage = () => {
- this.props.nextPageFunc(this.props.currentPage);
- };
-
- prevPage = () => {
- this.props.prevPageFunc(this.props.currentPage);
- };
-
- onRowsPerPageChange = event => {
- this.props.onRowsPerPageChange(parseInt(event.target.value));
- };
-
- renderPaginationButtons() {
- return (
-
-
-
-
- -
-
-
- -
-
-
-
-
-
-
- );
- }
-
- renderRowsPerPageDropdown() {
- return (
-
- {this.props.t('Show')}
-
- {this.props.t('RowsPerPage')}
-
- );
- }
-
- render() {
- return (
-
-
{this.renderRowsPerPageDropdown()}
-
-
- {this.renderPaginationButtons()}
-
-
-
- );
- }
-}
-
-const connectedComponent = withTranslation('Common')(TablePagination);
-export { connectedComponent as TablePagination };
diff --git a/platform/ui/src/components/studyList/__docs__/onSearch.js b/platform/ui/src/components/studyList/__docs__/onSearch.js
deleted file mode 100644
index 17c7deb91..000000000
--- a/platform/ui/src/components/studyList/__docs__/onSearch.js
+++ /dev/null
@@ -1,72 +0,0 @@
-import moment from 'moment';
-
-export default function(searchData) {
- this.setState({ searchData });
-
- const filter = (key, searchData, study) => {
- if (key === 'studyDateFrom' && searchData[key] && study['StudyDate']) {
- const StudyDate = moment(study['StudyDate'], 'YYYYMMDD');
- return StudyDate.isBetween(
- searchData['studyDateFrom'],
- searchData['studyDateTo'],
- 'days',
- '[]'
- );
- } else if (searchData[key] && !study[key].includes(searchData[key])) {
- return false;
- } else {
- return true;
- }
- };
-
- const { field, order } = searchData.sortData;
-
- // just a example of local filtering
- let filteredStudies = this.defaultStudies
- .filter(function(study) {
- const all = [
- 'PatientName',
- 'PatientID',
- 'AccessionNumber',
- 'modalities',
- 'StudyDescription',
- 'studyDateFrom',
- ].every(key => {
- return filter(key, searchData, study);
- });
-
- return all;
- })
- .sort(function(a, b) {
- if (order === 'desc') {
- if (a[field] < b[field]) {
- return -1;
- }
- if (a[field] > b[field]) {
- return 1;
- }
- return 0;
- } else {
- if (a[field] > b[field]) {
- return -1;
- }
- if (a[field] < b[field]) {
- return 1;
- }
- return 0;
- }
- });
-
- // User can notice the loading icon
- return new Promise(resolve => {
- setTimeout(() => {
- const first = searchData.currentPage * searchData.rowsPerPage;
- let last =
- searchData.currentPage * searchData.rowsPerPage +
- searchData.rowsPerPage;
- last = last >= filteredStudies.length ? filteredStudies.length : last;
- this.setState({ studies: filteredStudies.slice(first, last) });
- resolve();
- }, 500);
- });
-}
diff --git a/platform/ui/src/components/studyList/__docs__/studies.js b/platform/ui/src/components/studyList/__docs__/studies.js
deleted file mode 100644
index 86de8c647..000000000
--- a/platform/ui/src/components/studyList/__docs__/studies.js
+++ /dev/null
@@ -1,87 +0,0 @@
-import moment from 'moment';
-
-const studies = [
- {
- StudyInstanceUID: '11111.111111.111111.11111',
- PatientName: 'John Doe',
- PatientID: '1',
- AccessionNumber: '1234567',
- StudyDate: '19930201',
- modalities: 'MR',
- StudyDescription: 'BRAIN',
- },
- {
- StudyInstanceUID: '2222.222222.22222.22222',
- PatientName: 'José Silva',
- PatientID: '2',
- AccessionNumber: '7654321',
- StudyDate: moment().format('YYYYMMDD'),
- modalities: 'CT',
- StudyDescription: 'PET CT STANDARD',
- },
- {
- StudyInstanceUID: '3333.333333.33333.33333',
- PatientName: 'Antônio Jefferson',
- PatientID: '3',
- AccessionNumber: '732311',
- StudyDate: moment()
- .subtract(14, 'days')
- .format('YYYYMMDD'),
- modalities: 'US',
- StudyDescription: '0',
- },
- {
- StudyInstanceUID: '444444.44444.44444.4444',
- PatientName: 'Antonio da Silva',
- PatientID: '4',
- AccessionNumber: '732311',
- StudyDate: moment()
- .subtract(1, 'months')
- .format('YYYYMMDD'),
- modalities: 'US',
- StudyDescription: '0',
- },
- {
- StudyInstanceUID: '55555.55555.55555.55555',
- PatientName: 'Bezerra Souza',
- PatientID: '5',
- AccessionNumber: '5134543',
- StudyDate: moment()
- .subtract(6, 'days')
- .format('YYYYMMDD'),
- modalities: 'US',
- StudyDescription: '0',
- },
- {
- StudyInstanceUID: '66666.66666.66666.6666',
- PatientName: 'Geraldo Roger',
- PatientID: '6',
- AccessionNumber: '5315135',
- StudyDate: moment()
- .subtract(7, 'days')
- .format('YYYYMMDD'),
- modalities: 'US',
- StudyDescription: 'US',
- },
- {
- StudyInstanceUID: '77777.77777.77777.77777',
- PatientName: '',
- PatientID: '7',
- AccessionNumber: '5315136',
- StudyDate: moment()
- .subtract(5, 'days')
- .format('YYYYMMDD'),
- modalities: 'US',
- StudyDescription: 'US',
- },
-].sort(function(a, b) {
- if (a.PatientName < b.PatientName) {
- return -1;
- }
- if (a.PatientName > b.PatientName) {
- return 1;
- }
- return 0;
-});
-
-export default studies;
diff --git a/platform/ui/src/components/studyList/__docs__/studyList.mdx b/platform/ui/src/components/studyList/__docs__/studyList.mdx
deleted file mode 100644
index a782aa9d1..000000000
--- a/platform/ui/src/components/studyList/__docs__/studyList.mdx
+++ /dev/null
@@ -1,53 +0,0 @@
----
-name: Study List
-menu: Components
-route: /components/study-list
----
-
-import { Playground, Props } from 'docz'
-import { State } from 'react-powerplug'
-import { StudyList } from './../index.js'
-// Data
-import defaultStudies from './studies.js'
-import onSearch from './onSearch.js'
-import moment from 'moment'
-
-# Study List
-
-## Basic usage
-
-
- {
- const StudyDate = moment(study['StudyDate'], 'YYYYMMDD');
- const startDate = moment().subtract(5, 'days');
- const endDate = moment();
-
- return StudyDate.isBetween(startDate, endDate, 'days', '[]');
- }).slice(0, 5)
- }}>
- {({ state, setState }) => (
-
-
- alert('Import study mock ' + e)}
- onSelectItem={(StudyInstanceUID) => { alert(StudyInstanceUID + ' has selected! Now you can open your study.'); }}
- rowsPerPage={5}
- defaultSort={{ field: 'PatientName', order: 'desc', }}
- studyListDateFilterNumDays={7}
- onSearch={onSearch.bind({ setState, defaultStudies })}
- />
-
-
-
-## API
-
-
diff --git a/platform/ui/src/components/tableList/TableList.js b/platform/ui/src/components/tableList/TableList.js
deleted file mode 100644
index 86fd17620..000000000
--- a/platform/ui/src/components/tableList/TableList.js
+++ /dev/null
@@ -1,44 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-import './TableList.styl';
-
-export class TableList extends Component {
- static propTypes = {
- customHeader: PropTypes.node,
- defaultItems: PropTypes.object,
- children: PropTypes.node.isRequired,
- headerTitle: PropTypes.string,
- headless: PropTypes.bool,
- };
-
- static defaultProps = {
- headless: false,
- };
-
- render() {
- return (
-
- {!this.props.headless && (
-
- {this.getHeader()}
-
- )}
-
{this.props.children}
-
- );
- }
-
- getHeader = () => {
- if (this.props.customHeader) {
- return this.props.customHeader;
- } else {
- return (
-
- {this.props.headerTitle}
- {this.props.children.length}
-
- );
- }
- };
-}
diff --git a/platform/ui/src/components/tableList/TableListItem.js b/platform/ui/src/components/tableList/TableListItem.js
deleted file mode 100644
index b3b64d6a1..000000000
--- a/platform/ui/src/components/tableList/TableListItem.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import './TableListItem.styl';
-
-import { Component } from 'react';
-import { Icon } from './../../elements/Icon';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-export class TableListItem extends Component {
- static propTypes = {
- children: PropTypes.node,
- itemClass: PropTypes.string,
- itemIndex: PropTypes.number,
- itemMeta: PropTypes.node,
- itemMetaClass: PropTypes.string,
- itemKey: PropTypes.oneOfType([
- PropTypes.string,
- PropTypes.number,
- ]),
- onItemClick: PropTypes.func.isRequired,
- };
-
- static defaultProps = {
- itemMeta: null,
- itemMetaClass: ''
- };
-
- render() {
- return (
-
-
- {this.props.itemIndex}
- {this.props.itemMeta}
-
-
-
-
-
{this.props.children}
-
- );
- }
-
- onItemClick = event => {
- if (this.props.onItemClick) {
- event.preventDefault();
- event.stopPropagation();
-
- this.props.onItemClick(event, this.props.itemKey);
- }
- };
-}
diff --git a/platform/ui/src/elements/Icon/getIcon.js b/platform/ui/src/elements/Icon/getIcon.js
deleted file mode 100644
index cbd6a1516..000000000
--- a/platform/ui/src/elements/Icon/getIcon.js
+++ /dev/null
@@ -1,194 +0,0 @@
-import React from 'react';
-import adjust from './icons/adjust.svg';
-// Icons
-import angleDoubleDown from './icons/angle-double-down.svg';
-import angleDoubleUp from './icons/angle-double-up.svg';
-import angleLeft from './icons/angle-left.svg';
-import arrows from './icons/arrows.svg';
-import arrowsAltH from './icons/arrows-alt-h.svg';
-import arrowsAltV from './icons/arrows-alt-v.svg';
-import bars from './icons/bars.svg';
-import brain from './icons/brain.svg';
-import brush from './icons/brush.svg';
-import caretDown from './icons/caret-down.svg';
-import caretUp from './icons/caret-up.svg';
-import check from './icons/check.svg';
-import checkCircle from './icons/check-circle.svg';
-import checkCircleO from './icons/check-circle-o.svg';
-import chevronDown from './icons/chevron-down.svg';
-import circle from './icons/circle.svg';
-import circleNotch from './icons/circle-notch.svg';
-import circleO from './icons/circle-o.svg';
-import cog from './icons/cog.svg';
-import createComment from './icons/create-comment.svg';
-import createScreenCapture from './icons/create-screen-capture.svg';
-import crosshairs from './icons/crosshairs.svg';
-import cube from './icons/cube.svg';
-import d3Rotate from './icons/3d-rotate.svg';
-import database from './icons/database.svg';
-import dotCircle from './icons/dot-circle.svg';
-import edit from './icons/edit.svg';
-import ellipseCircle from './icons/ellipse-circle.svg';
-import ellipseH from './icons/ellipse-h.svg';
-import ellipseV from './icons/ellipse-v.svg';
-import exclamationCircle from './icons/exclamation-circle.svg';
-import exclamationTriangle from './icons/exclamation-triangle.svg';
-import fastBackward from './icons/fast-backward.svg';
-import fastForward from './icons/fast-forward.svg';
-import stop from './icons/stop.svg';
-import info from './icons/info.svg';
-import inlineEdit from './icons/inline-edit.svg';
-import level from './icons/level.svg';
-import link from './icons/link.svg';
-import linkCircles from './icons/link-circles.svg';
-import list from './icons/list.svg';
-import liver from './icons/liver.svg';
-import lock from './icons/lock.svg';
-import lockAlt from './icons/lock-alt.svg';
-import lung from './icons/lung.svg';
-import measureNonTarget from './icons/measure-non-target.svg';
-import measureTarget from './icons/measure-target.svg';
-import measureTargetCr from './icons/measure-target-cr.svg';
-import measureTargetNe from './icons/measure-target-ne.svg';
-import measureTargetUn from './icons/measure-target-un.svg';
-import measureTemp from './icons/measure-temp.svg';
-import objectGroup from './icons/object-group.svg';
-import ohifLogo from './icons/ohif-logo.svg';
-import ohifTextLogo from './icons/ohif-text-logo.svg';
-import oval from './icons/oval.svg';
-import palette from './icons/palette.svg';
-import play from './icons/play.svg';
-import plus from './icons/plus.svg';
-import powerOff from './icons/power-off.svg';
-import reset from './icons/reset.svg';
-import rotate from './icons/rotate.svg';
-import rotateRight from './icons/rotate-right.svg';
-import saveRegular from './icons/save-regular.svg';
-import scissors from './icons/scissors.svg';
-import search from './icons/search.svg';
-import searchPlus from './icons/search-plus.svg';
-import softTissue from './icons/soft-tissue.svg';
-import sort from './icons/sort.svg';
-import sortDown from './icons/sort-down.svg';
-import sortUp from './icons/sort-up.svg';
-import sphere from './icons/sphere.svg';
-import squareO from './icons/square-o.svg';
-import star from './icons/star.svg';
-import stepBackward from './icons/step-backward.svg';
-import stepForward from './icons/step-forward.svg';
-import sun from './icons/sun.svg';
-import th from './icons/th.svg';
-import thLarge from './icons/th-large.svg';
-import thList from './icons/th-list.svg';
-import times from './icons/times.svg';
-import trash from './icons/trash.svg';
-import unlink from './icons/unlink.svg';
-import user from './icons/user.svg';
-import youtube from './icons/youtube.svg';
-import eye from './icons/eye.svg';
-import eyeClosed from './icons/eye-closed.svg';
-
-const ICONS = {
- eye,
- 'eye-closed': eyeClosed,
- brush,
- scissors,
- user,
- sort,
- th,
- star,
- 'sort-up': sortUp,
- sphere,
- 'sort-down': sortDown,
- info,
- cube,
- crosshairs,
- 'dot-circle': dotCircle,
- 'angle-left': angleLeft,
- '3d-rotate': d3Rotate,
- plus,
- 'chevron-down': chevronDown,
- 'angle-double-down': angleDoubleDown,
- 'angle-double-up': angleDoubleUp,
- 'arrows-alt-h': arrowsAltH,
- 'arrows-alt-v': arrowsAltV,
- bars,
- 'caret-down': caretDown,
- 'caret-up': caretUp,
- 'check-circle-o': checkCircleO,
- check,
- circle,
- 'circle-o': circleO,
- times,
- 'create-comment': createComment,
- 'create-screen-capture': createScreenCapture,
- edit,
- 'fast-backward': fastBackward,
- 'fast-forward': fastForward,
- 'object-group': objectGroup,
- search,
- 'power-off': powerOff,
- 'inline-edit': inlineEdit,
- list,
- 'ohif-logo': ohifLogo,
- 'ohif-text-logo': ohifTextLogo,
- lock,
- play,
- database,
- cog,
- 'circle-notch': circleNotch,
- 'square-o': squareO,
- 'check-circle': checkCircle,
- 'lock-alt': lockAlt,
- 'step-backward': stepBackward,
- 'step-forward': stepForward,
- stop,
- 'th-large': thLarge,
- 'th-list': thList,
- sun,
- palette,
- youtube,
- oval,
- 'ellipse-h': ellipseH,
- 'ellipse-v': ellipseV,
- adjust,
- level,
- 'link-circles': linkCircles,
- 'search-plus': searchPlus,
- 'measure-non-target': measureNonTarget,
- 'measure-target': measureTarget,
- 'measure-target-cr': measureTargetCr,
- 'measure-target-un': measureTargetUn,
- 'measure-target-ne': measureTargetNe,
- 'measure-temp': measureTemp,
- 'ellipse-circle': ellipseCircle,
- arrows,
- reset,
- rotate,
- 'rotate-right': rotateRight,
- trash,
- unlink,
- 'exclamation-circle': exclamationCircle,
- link,
- 'exclamation-triangle': exclamationTriangle,
- brain,
- 'soft-tissue': softTissue,
- lung,
- liver,
- save: saveRegular,
-};
-
-/**
- * Return the matching SVG Icon as a React Component.
- * Results in an inlined SVG Element. If there's no match,
- * return `null`
- */
-export default function getIcon(key, props) {
- if (!key || !ICONS[key]) {
- return React.createElement('div', null, 'Missing Icon');
- }
-
- return React.createElement(ICONS[key], props);
-}
-
-export { ICONS };
diff --git a/platform/ui/src/elements/Icon/icons/brush.svg b/platform/ui/src/elements/Icon/icons/brush.svg
deleted file mode 100644
index 7786f4259..000000000
--- a/platform/ui/src/elements/Icon/icons/brush.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/platform/ui/src/elements/Icon/icons/eye-closed.svg b/platform/ui/src/elements/Icon/icons/eye-closed.svg
deleted file mode 100644
index 5d4907dc0..000000000
--- a/platform/ui/src/elements/Icon/icons/eye-closed.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/platform/ui/src/elements/Icon/icons/eye.svg b/platform/ui/src/elements/Icon/icons/eye.svg
deleted file mode 100644
index 5686375b8..000000000
--- a/platform/ui/src/elements/Icon/icons/eye.svg
+++ /dev/null
@@ -1 +0,0 @@
-
diff --git a/platform/ui/src/elements/Icon/icons/scissors.svg b/platform/ui/src/elements/Icon/icons/scissors.svg
deleted file mode 100644
index b3b852376..000000000
--- a/platform/ui/src/elements/Icon/icons/scissors.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
diff --git a/platform/ui/src/elements/Icon/icons/sphere.svg b/platform/ui/src/elements/Icon/icons/sphere.svg
deleted file mode 100644
index e4620d98d..000000000
--- a/platform/ui/src/elements/Icon/icons/sphere.svg
+++ /dev/null
@@ -1,21 +0,0 @@
-
-
diff --git a/platform/ui/src/elements/form/Range.js b/platform/ui/src/elements/form/Range.js
deleted file mode 100644
index a3454f213..000000000
--- a/platform/ui/src/elements/form/Range.js
+++ /dev/null
@@ -1,53 +0,0 @@
-import './Range.css';
-
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-
-class Range extends Component {
- constructor(props) {
- super(props);
- this.state = { value: props.value || 0 };
- }
-
- handleChange = event => {
- this.setState({ value: event.target.value });
- if (this.props.onChange) this.props.onChange(event);
- };
-
- render() {
- return (
- <>
-
- {this.props.showPercentage &&
{`${this.state.value}%`}}
- {this.props.showValue &&
{this.state.value}}
-
- );
- }
-}
-
-Range.propTypes = {
- value: PropTypes.number,
- min: PropTypes.number.isRequired,
- max: PropTypes.number.isRequired,
- step: PropTypes.number,
- id: PropTypes.string,
- onChange: PropTypes.func,
- showPercentage: PropTypes.bool,
- showValue: PropTypes.bool,
-};
-
-Range.defaultProps = {
- showPercentage: false,
- showValue: false,
-};
-
-export { Range };
diff --git a/platform/ui/src/elements/form/TextArea.js b/platform/ui/src/elements/form/TextArea.js
deleted file mode 100644
index 6c53e3daf..000000000
--- a/platform/ui/src/elements/form/TextArea.js
+++ /dev/null
@@ -1,39 +0,0 @@
-import './TextArea.css';
-
-import React from 'react';
-import PropTypes from 'prop-types';
-
-class TextArea extends React.Component {
- constructor(props) {
- super(props);
- this.state = { value: this.props.value };
- }
-
- handleChange = event => {
- this.setState({ value: event.target.value });
- if (this.props.onChange) this.props.onChange();
- };
-
- render() {
- return (
-
- );
- }
-}
-
-TextArea.propTypes = {
- value: PropTypes.string,
- Rows: PropTypes.number,
- cols: PropTypes.number,
- id: PropTypes.string,
- onChange: PropTypes.func,
-};
-
-export { TextArea };
diff --git a/platform/ui/src/viewer/ViewportLoadingIndicator.js b/platform/ui/src/viewer/ViewportLoadingIndicator.js
deleted file mode 100644
index 9f44921f9..000000000
--- a/platform/ui/src/viewer/ViewportLoadingIndicator.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export function ViewportLoadingIndicator(props) {
- return (
-
- Loading {props.percentComplete}
-
- );
-}
-
-ViewportLoadingIndicator.propTypes = {
- percentComplete: PropTypes.number,
-};
-
-export default ViewportLoadingIndicator;
diff --git a/platform/ui/src/views/StudyList/components/StudyListTable.js b/platform/ui/src/views/StudyList/components/StudyListTable.js
deleted file mode 100644
index bea3740a1..000000000
--- a/platform/ui/src/views/StudyList/components/StudyListTable.js
+++ /dev/null
@@ -1,287 +0,0 @@
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-
-import { format } from 'date-fns';
-import { Button, Icon, EmptyStudies } from '@ohif/ui';
-
-const getGridColClass = (filtersMeta, name) => {
- const filter = filtersMeta.find((filter) => filter.name === name);
- return (filter && filter.gridCol && `w-${filter.gridCol}/24`) || '';
-};
-
-const StudyTableRow = (props) => {
- const {
- AccessionNumber,
- Modalities,
- Instances,
- StudyDescription,
- PatientId,
- PatientName,
- StudyDate,
- series,
- filtersMeta,
- } = props;
-
- const [isOpened, setIsOpened] = useState(false);
- const toggleRow = () => setIsOpened(!isOpened);
- const ChevronIconName = isOpened ? 'chevron-down' : 'chevron-right';
- const tdClasses = [
- 'px-4 py-2 text-base',
- { 'border-b border-secondary-light': !isOpened },
- ];
- return (
- <>
-
-
-
-
-
-
- |
-
-
- {PatientName}
-
- |
-
- {PatientId}
- |
-
- {format(StudyDate, 'MMM-DD-YYYY')}
- |
-
- {StudyDescription}
- |
-
- {Modalities}
- |
-
- {AccessionNumber}
- |
-
-
- {Instances}
- |
-
- {isOpened && (
-
-
-
-
- }
- >
- Basic Viewer
-
-
- }
- >
- Segmentation{' '}
-
- }
- className="font-bold"
- >
- Module 3
-
-
-
- Feedback text lorem ipsum dolor sit amet
-
-
-
-
-
- Description
- Series
- Modality
- Instances
-
-
-
-
- {series.map((seriesItem, i) => (
-
-
- Patient Protocol
-
-
- {seriesItem.SeriesNumber}
-
-
- {seriesItem.Modality}
-
-
- {seriesItem.instances.length}
-
-
- ))}
-
-
- |
-
- )}
-
-
- |
-
-
- );
-};
-
-StudyTableRow.propTypes = {
- AccessionNumber: PropTypes.string.isRequired,
- Modalities: PropTypes.string.isRequired,
- Instances: PropTypes.number.isRequired,
- PatientId: PropTypes.string.isRequired,
- PatientName: PropTypes.string.isRequired,
- StudyDescription: PropTypes.string.isRequired,
- StudyDate: PropTypes.string.isRequired,
- series: PropTypes.array.isRequired,
-};
-
-const StudyListTable = ({ studies, numOfStudies, filtersMeta }) => {
- const renderTable = () => {
- return (
-
-
- {studies.map((study, i) => (
-
- ))}
-
-
- );
- };
-
- const renderEmpty = () => {
- return (
-
-
-
- );
- };
-
- return (
- <>
-
-
- {numOfStudies > 0 && renderTable()}
- {numOfStudies === 0 && renderEmpty()}
-
-
-
- );
-};
-
-StudyListTable.propTypes = {
- studies: PropTypes.arrayOf(
- PropTypes.shape({
- AccessionNumber: PropTypes.string.isRequired,
- Modalities: PropTypes.string.isRequired,
- Instances: PropTypes.number.isRequired,
- PatientId: PropTypes.string.isRequired,
- PatientName: PropTypes.string.isRequired,
- StudyDescription: PropTypes.string.isRequired,
- StudyDate: PropTypes.string.isRequired,
- series: PropTypes.array.isRequired,
- })
- ).isRequired,
- numOfStudies: PropTypes.number.isRequired,
-};
-
-export default StudyListTable;
diff --git a/platform/ui/src/views/Viewer/Viewer.mdx b/platform/ui/src/views/Viewer/Viewer.mdx
index 33fd6dc19..987089eae 100644
--- a/platform/ui/src/views/Viewer/Viewer.mdx
+++ b/platform/ui/src/views/Viewer/Viewer.mdx
@@ -4,6 +4,7 @@ menu: Views
route: examples/viewer
---
+import { useState } from 'react';
import { Playground, Props } from 'docz';
import {
NavBar,
@@ -51,6 +52,7 @@ import { tabs } from './studyBrowserMockData';
onClick: (id) => setActiveMeasurementItem((s) => (s === id ? null : id)),
onEdit: (id) => alert(`Edit: ${id}`),
};
+ const [activeViewportIndex, setActiveViewportIndex] = useState(0);
return (
diff --git a/platform/ui/src/views/Viewer/studyBrowserMockData.js b/platform/ui/src/views/Viewer/studyBrowserMockData.js
index f0cc392bd..78083af30 100644
--- a/platform/ui/src/views/Viewer/studyBrowserMockData.js
+++ b/platform/ui/src/views/Viewer/studyBrowserMockData.js
@@ -4,7 +4,7 @@ const studyWithSR = {
description: 'CHEST/ABD/PELVIS W/CONTRAST',
numInstances: 902,
modalities: 'CT,SR',
- thumbnails: [
+ displaySets: [
{
displaySetInstanceUid: 'f69f6asdasd48c-223e-db7f-c4af-b8906641a66e',
description: 'Multiple line image series description lorem sit',
diff --git a/platform/viewer/src/OHIFStandaloneViewer.js b/platform/viewer/src/OHIFStandaloneViewer.js
index baad5d759..9d0aedac1 100644
--- a/platform/viewer/src/OHIFStandaloneViewer.js
+++ b/platform/viewer/src/OHIFStandaloneViewer.js
@@ -191,8 +191,8 @@ class OHIFStandaloneViewer extends Component {
{match === null ? (
<>
) : (
-
- )}
+
+ )}
)}
diff --git a/platform/viewer/src/components/ViewportGrid/ConnectedViewportGrid.js b/platform/viewer/src/components/ViewportGrid/ConnectedViewportGrid.js
index be4b693c0..e423f1dd3 100644
--- a/platform/viewer/src/components/ViewportGrid/ConnectedViewportGrid.js
+++ b/platform/viewer/src/components/ViewportGrid/ConnectedViewportGrid.js
@@ -37,9 +37,6 @@ const mapStateToProps = state => {
};
};
-const ConnectedViewportGrid = connect(
- mapStateToProps,
- null
-)(ViewportGrid);
+const ConnectedViewportGrid = connect(mapStateToProps, null)(ViewportGrid);
export default ConnectedViewportGrid;
diff --git a/platform/viewer/src/components/ViewportGrid/ViewportGrid.js b/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
index e59449956..29bbb2ded 100644
--- a/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
+++ b/platform/viewer/src/components/ViewportGrid/ViewportGrid.js
@@ -12,7 +12,7 @@ import EmptyViewport from './EmptyViewport.js';
const { loadAndCacheDerivedDisplaySets } = utils;
-const ViewportGrid = function (props) {
+const ViewportGrid = function(props) {
const {
activeViewportIndex,
availablePlugins,
@@ -24,7 +24,7 @@ const ViewportGrid = function (props) {
studies,
viewportData,
children,
- isStudyLoaded
+ isStudyLoaded,
} = props;
const rowSize = 100 / numRows;
diff --git a/platform/viewer/src/connectedComponents/Viewer.js b/platform/viewer/src/connectedComponents/Viewer.js
index 7bb799df6..1410dd8f9 100644
--- a/platform/viewer/src/connectedComponents/Viewer.js
+++ b/platform/viewer/src/connectedComponents/Viewer.js
@@ -307,16 +307,19 @@ class Viewer extends Component {
activeIndex={this.props.activeViewportIndex}
/>
) : (
-
- )}
+
+ )}
{/* MAIN */}
-
+
{/* RIGHT */}
@@ -349,7 +352,7 @@ export default withDialog(Viewer);
* @param {Study[]} studies
* @param {DisplaySet[]} studies[].displaySets
*/
-const _mapStudiesToThumbnails = function (studies) {
+const _mapStudiesToThumbnails = function(studies) {
return studies.map(study => {
const { StudyInstanceUID } = study;
diff --git a/platform/viewer/src/connectedComponents/ViewerRetrieveStudyData.js b/platform/viewer/src/connectedComponents/ViewerRetrieveStudyData.js
index db607494a..cc4d91bc5 100644
--- a/platform/viewer/src/connectedComponents/ViewerRetrieveStudyData.js
+++ b/platform/viewer/src/connectedComponents/ViewerRetrieveStudyData.js
@@ -105,7 +105,7 @@ const _showUserMessage = (queryParamApplied, message, dialog = {}) => {
return;
}
- const { show: showUserMessage = () => { } } = dialog;
+ const { show: showUserMessage = () => {} } = dialog;
showUserMessage({
message,
});
@@ -125,7 +125,7 @@ const _addSeriesToStudy = (studyMetadata, series) => {
studyMetadata.createAndAddDisplaySetsForSeries(
sopClassHandlerModules,
- seriesMetadata,
+ seriesMetadata
);
study.displaySets = studyMetadata.getDisplaySets();
_updateStudyMetadataManager(study, studyMetadata);
@@ -265,7 +265,8 @@ function ViewerRetrieveStudyData({
return loadNextSeries();
};
- const concurrentRequestsAllowed = maxConcurrentMetadataRequests || studyMetadata.getSeriesCount();
+ const concurrentRequestsAllowed =
+ maxConcurrentMetadataRequests || studyMetadata.getSeriesCount();
const promises = Array(concurrentRequestsAllowed)
.fill(null)
.map(loadNextSeries);
diff --git a/platform/viewer/src/context/AppContext.js b/platform/viewer/src/context/AppContext.js
index 1bd8e8179..71de68526 100644
--- a/platform/viewer/src/context/AppContext.js
+++ b/platform/viewer/src/context/AppContext.js
@@ -6,7 +6,7 @@ let AppContext = React.createContext({});
export const CONTEXTS = {
CORNERSTONE: 'ACTIVE_VIEWPORT::CORNERSTONE',
- VTK: 'ACTIVE_VIEWPORT::VTK'
+ VTK: 'ACTIVE_VIEWPORT::VTK',
};
export const useAppContext = () => useContext(AppContext);
@@ -25,7 +25,11 @@ export const withAppContext = Component => {
return function WrappedComponent(props) {
const { appConfig, activeContexts } = useAppContext();
return (
-
+
);
};
};
diff --git a/platform/viewer/src/routes/routesUtil.js b/platform/viewer/src/routes/routesUtil.js
index bea1c110d..58627d735 100644
--- a/platform/viewer/src/routes/routesUtil.js
+++ b/platform/viewer/src/routes/routesUtil.js
@@ -54,7 +54,7 @@ const ROUTES_DEF = {
},
IHEInvokeImageDisplay: {
path: '/IHEInvokeImageDisplay',
- component: IHEInvokeImageDisplay
+ component: IHEInvokeImageDisplay,
},
},
gcloud: {
diff --git a/yarn.lock b/yarn.lock
index 0637cef56..5946e7514 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -759,7 +759,7 @@
"@babel/helper-create-regexp-features-plugin" "^7.8.3"
"@babel/helper-plugin-utils" "^7.8.3"
-"@babel/polyfill@^7.6.0", "@babel/polyfill@^7.7.0":
+"@babel/polyfill@^7.7.0":
version "7.8.3"
resolved "https://registry.yarnpkg.com/@babel/polyfill/-/polyfill-7.8.3.tgz#2333fc2144a542a7c07da39502ceeeb3abe4debd"
integrity sha512-0QEgn2zkCzqGIkSWWAEmvxD7e00Nm9asTtQvi7HdlYvMhjy/J38V/1Y9ode0zEJeIuxAI0uftiAzqc7nVeWUGg==
@@ -868,41 +868,13 @@
pirates "^4.0.0"
source-map-support "^0.5.16"
-"@babel/runtime@7.1.2":
- version "7.1.2"
- resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.1.2.tgz#81c89935f4647706fc54541145e6b4ecfef4b8e3"
- integrity sha512-Y3SCjmhSupzFB6wcv1KmmFucH6gDVnI30WjOcicV10ju0cZjak3Jcs67YLIXBrmZYw1xCrVeJPbycFwrqNyxpg==
- dependencies:
- regenerator-runtime "^0.12.0"
-
-"@babel/runtime@7.7.6":
+"@babel/runtime@7.1.2", "@babel/runtime@7.7.6", "@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.0", "@babel/runtime@^7.4.4", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.7.7", "@babel/runtime@^7.8.4":
version "7.7.6"
resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.7.6.tgz#d18c511121aff1b4f2cd1d452f1bac9601dd830f"
integrity sha512-BWAJxpNVa0QlE5gZdWjSxXtemZyZ9RmrmVozxt3NUXeZhVIJ5ANyqmMc0JDrivBZyxUuQvFxlvH4OWWOogGfUw==
dependencies:
regenerator-runtime "^0.13.2"
-"@babel/runtime@^7.0.0", "@babel/runtime@^7.1.2", "@babel/runtime@^7.2.0", "@babel/runtime@^7.3.1", "@babel/runtime@^7.3.4", "@babel/runtime@^7.4.0", "@babel/runtime@^7.4.5", "@babel/runtime@^7.5.5", "@babel/runtime@^7.6.3", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.4", "@babel/runtime@^7.7.6", "@babel/runtime@^7.7.7":
- version "7.8.4"
- resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.4.tgz#d79f5a2040f7caa24d53e563aad49cbc05581308"
- integrity sha512-neAp3zt80trRVBI1x0azq6c57aNBqYZH8KhMm3TaB7wEI5Q4A2SHfBHE8w9gOhI/lrqxtEbXZgQIrHP+wvSGwQ==
- dependencies:
- regenerator-runtime "^0.13.2"
-
-"@babel/runtime@^7.4.4":
- version "7.8.7"
- resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.8.7.tgz#8fefce9802db54881ba59f90bb28719b4996324d"
- integrity sha512-+AATMUFppJDw6aiR5NVPHqIQBlV/Pj8wY/EZH+lmvRdUo9xBaz/rF3alAwFJQavvKfeOlPE7oaaDHVbcySbCsg==
- dependencies:
- regenerator-runtime "^0.13.4"
-
-"@babel/runtime@^7.8.4":
- version "7.9.6"
- resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.9.6.tgz#a9102eb5cadedf3f31d08a9ecf294af7827ea29f"
- integrity sha512-64AF1xY3OAkFHqOb9s4jpgk1Mm5vDZ4L3acHvAml+53nO1XbXLuDodsVpO4OIUsmemlUHMxNdYMNJmsvOwLrvQ==
- dependencies:
- regenerator-runtime "^0.13.4"
-
"@babel/standalone@^7.4.5":
version "7.8.6"
resolved "https://registry.yarnpkg.com/@babel/standalone/-/standalone-7.8.6.tgz#1364534775c83bf7b7988e4ca98823bef56a0a53"
@@ -2333,10 +2305,10 @@
locize-lastused "^1.1.0"
rollup-plugin-json "^4.0.0"
-"@ohif/ui@^1.3.0":
- version "1.3.1"
- resolved "https://registry.yarnpkg.com/@ohif/ui/-/ui-1.3.1.tgz#09048a1f5caeb23372b25e9671d43b5b4bc5f89f"
- integrity sha512-N1nlHPh2Sl6GEvcuFlbAkSA+VKP2rX8afyAmVMSbBZFsMkIU1/AxokoZKNgsN5/w6+hLssIPjeJ3Ib0W2pWvUg==
+"@ohif/ui@^1.4.4":
+ version "1.4.4"
+ resolved "https://registry.yarnpkg.com/@ohif/ui/-/ui-1.4.4.tgz#2ab652e9cb62427decd7c1a5b7bde58ccf47db29"
+ integrity sha512-kpLSyFdP3hKdA2xhlHZhdGq1ffyDGf4dI11GaRVq0AvfuvCiYupwosTCQhCyKfHkxZyOiItDejwrRKeUVclHJw==
dependencies:
"@babel/runtime" "^7.5.5"
"@ohif/i18n" "^0.2.3"
@@ -5783,10 +5755,10 @@ cornerstone-math@^0.1.8:
resolved "https://registry.yarnpkg.com/cornerstone-math/-/cornerstone-math-0.1.8.tgz#68ab1f9e4fdcd7c5cb23a0d2eb4263f9f894f1c5"
integrity sha512-x7NEQHBtVG7j1yeyj/aRoKTpXv1Vh2/H9zNLMyqYJDtJkNng8C4Q8M3CgZ1qer0Yr7eVq2x+Ynmj6kfOm5jXKw==
-cornerstone-tools@^4.12.0:
- version "4.12.4"
- resolved "https://registry.yarnpkg.com/cornerstone-tools/-/cornerstone-tools-4.12.4.tgz#a054e8bffc5d0a7ead6483f636e24db7ae828a6b"
- integrity sha512-mis+zt5R1ptjTKZjVJiE7hz/C6GrqljclGP9seEpvL/OokRI4m3AxnwH2MrQhuYQNNLFx8vXz9KdsDoO2YR+xg==
+cornerstone-tools@4.15.1:
+ version "4.15.1"
+ resolved "https://registry.yarnpkg.com/cornerstone-tools/-/cornerstone-tools-4.15.1.tgz#f0b1026da9c7758defc088bb2f1e78426a23d91e"
+ integrity sha512-fJuTUJW/NDSD520jPB++tX//Kq80jPDngChHZrhx2xjj/9dCnexD9kmTX30Z0WUq0a2JEHZ6FlcOX38kSmw1hQ==
dependencies:
"@babel/runtime" "7.1.2"
cornerstone-math "0.1.7"
@@ -6341,7 +6313,7 @@ dateformat@^3.0.0:
resolved "https://registry.yarnpkg.com/dateformat/-/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
integrity sha512-jyCETtSl3VMZMWeRo7iY1FL19ges1t55hMo5yaam4Jrsm5EPL89UQkoQRyiI+Yf4k8r2ZpdngkV8hr1lIdjb3Q==
-dcmjs@^0.12.4:
+dcmjs@^0.12.2, dcmjs@^0.12.4:
version "0.12.4"
resolved "https://registry.yarnpkg.com/dcmjs/-/dcmjs-0.12.4.tgz#82c24abdc357ea5281b78eb2cae8b781f7392aa3"
integrity sha512-N1ZsXqZIysirqdytb7h572TyIjmxpvCjrzdjtQsuPN8gC2EpxsUHQ598CPzaJBpBy9i1kfKuq4h2Jwt99cr/QQ==
@@ -6351,16 +6323,6 @@ dcmjs@^0.12.4:
loglevelnext "^3.0.1"
ndarray "^1.0.19"
-dcmjs@^0.8.2:
- version "0.8.3"
- resolved "https://registry.yarnpkg.com/dcmjs/-/dcmjs-0.8.3.tgz#fff1b030b6cb2d6e2afb1aa99840bfa853724c31"
- integrity sha512-eXQjqgtJf9+oseraKDNDm2A5F3Th4B2GJeZtjStj0IFXxjlbPOzdq3PfCyxdwfRaKOBIwr0q3YK/Vfs2CpQY8Q==
- dependencies:
- "@babel/polyfill" "^7.6.0"
- "@babel/runtime" "^7.6.3"
- loglevelnext "^3.0.1"
- ndarray "^1.0.18"
-
debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.9:
version "2.6.9"
resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
@@ -6732,6 +6694,11 @@ dicomweb-client@^0.5.2:
resolved "https://registry.yarnpkg.com/dicomweb-client/-/dicomweb-client-0.5.2.tgz#aa5a4a6a5044b0702bb0a8a2662c86cd16901951"
integrity sha512-e11n2+g7HfBuMyopWq76W11eSZJ707g4U1XiO8URA+23aoe0g1kGAtlPB29NKXl7zX7RznTJ7wfRBxFkW6EJDA==
+dicomweb-client@^0.6.0:
+ version "0.6.0"
+ resolved "https://registry.yarnpkg.com/dicomweb-client/-/dicomweb-client-0.6.0.tgz#5e35ada52fe0155af1cc1f0e84f9c7f76477f92d"
+ integrity sha512-VAkBg4W6odIo2XsFxqjN/rptd7bQ8oHpRuKH5d46E9BUIPzRschazE8Dx1xg7/l3N3f1M70jB7yJ339arAXiDQ==
+
diff-match-patch@^1.0.4:
version "1.0.4"
resolved "https://registry.yarnpkg.com/diff-match-patch/-/diff-match-patch-1.0.4.tgz#6ac4b55237463761c4daf0dc603eb869124744b1"
@@ -8308,6 +8275,11 @@ file-loader@^1.1.11:
loader-utils "^1.0.2"
schema-utils "^0.4.5"
+file-saver@^2.0.2:
+ version "2.0.2"
+ resolved "https://registry.yarnpkg.com/file-saver/-/file-saver-2.0.2.tgz#06d6e728a9ea2df2cce2f8d9e84dfcdc338ec17a"
+ integrity sha512-Wz3c3XQ5xroCxd1G8b7yL0Ehkf0TC9oYC6buPFkNnU9EnaPlifeAFCyCh+iewXTyFRcg0a6j3J7FmJsIhlhBdw==
+
file-selector@^0.1.12:
version "0.1.12"
resolved "https://registry.yarnpkg.com/file-selector/-/file-selector-0.1.12.tgz#fe726547be219a787a9dcc640575a04a032b1fd0"
@@ -9553,6 +9525,11 @@ gl-matrix@^3.1.0:
resolved "https://registry.yarnpkg.com/gl-matrix/-/gl-matrix-3.2.1.tgz#2d8e35125bf854f49abded8a0c8350b1a4907a26"
integrity sha512-YYVO8jUSf6+SakL4AJmx9Jc7zAZhkJQ+WhdtX3VQe5PJdCOX6/ybY4x1vk+h94ePnjRn6uml68+QxTAJneUpvA==
+gl-matrix@^3.3.0:
+ version "3.3.0"
+ resolved "https://registry.yarnpkg.com/gl-matrix/-/gl-matrix-3.3.0.tgz#232eef60b1c8b30a28cbbe75b2caf6c48fd6358b"
+ integrity sha512-COb7LDz+SXaHtl/h4LeaFcNdJdAQSDeVqjiIihSXNrkWObZLhDI4hIkZC11Aeqp7bcE72clzB0BnDXr2SmslRA==
+
gl-preserve-state@^1.0.0:
version "1.0.0"
resolved "https://registry.yarnpkg.com/gl-preserve-state/-/gl-preserve-state-1.0.0.tgz#4ef710d62873f1470ed015c6546c37dacddd4198"
@@ -10571,6 +10548,11 @@ immediate@~3.0.5:
resolved "https://registry.yarnpkg.com/immediate/-/immediate-3.0.6.tgz#9db1dbd0faf8de6fbe0f5dd5e56bb606280de69b"
integrity sha1-nbHb0Pr43m++D13V5Wu2BigN5ps=
+immer@6.0.2:
+ version "6.0.2"
+ resolved "https://registry.yarnpkg.com/immer/-/immer-6.0.2.tgz#5bc08dc4930c756d0749533a2afbd88c8de0cd19"
+ integrity sha512-56CMvUMZl4kkWJFFUe1TjBgGbyb9ibzpLyHD+RSKSVdytuDXgT/HXO1S+GJVywMVl5neGTdAogoR15eRVEd10Q==
+
immutable@>=3.6.0:
version "3.8.2"
resolved "https://registry.yarnpkg.com/immutable/-/immutable-3.8.2.tgz#c2439951455bb39913daf281376f1530e104adf3"
@@ -12106,6 +12088,16 @@ jszip@3.2.2:
readable-stream "~2.3.6"
set-immediate-shim "~1.0.1"
+jszip@^3.2.2:
+ version "3.4.0"
+ resolved "https://registry.yarnpkg.com/jszip/-/jszip-3.4.0.tgz#1a69421fa5f0bb9bc222a46bca88182fba075350"
+ integrity sha512-gZAOYuPl4EhPTXT0GjhI3o+ZAz3su6EhLrKUoAivcKqyqC7laS5JEv4XWZND9BgcDcF83vI85yGbDmDR6UhrIg==
+ dependencies:
+ lie "~3.3.0"
+ pako "~1.0.2"
+ readable-stream "~2.3.6"
+ set-immediate-shim "~1.0.1"
+
keyv@3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/keyv/-/keyv-3.0.0.tgz#44923ba39e68b12a7cec7df6c3268c031f2ef373"
@@ -13684,7 +13676,7 @@ natural-compare@^1.4.0:
resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
-ndarray@^1.0.18, ndarray@^1.0.19:
+ndarray@^1.0.19:
version "1.0.19"
resolved "https://registry.yarnpkg.com/ndarray/-/ndarray-1.0.19.tgz#6785b5f5dfa58b83e31ae5b2a058cfd1ab3f694e"
integrity sha512-B4JHA4vdyZU30ELBw3g7/p9bZupyew5a7tX1Y/gGeF2hafrPaQZhgrGQfsvgfYbgdFZjYwuEcnaobeM/WMW+HQ==
@@ -15084,7 +15076,7 @@ pn@^1.1.0:
resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb"
integrity sha512-2qHaIQr2VLRFoxe2nASzsV6ef4yOOH+Fi9FBOVH6cqeSgUnoyySPZkxzLuzd+RYOQTRpROA0ztTMqxROKSb/nA==
-pnp-webpack-plugin@^1.5.0, pnp-webpack-plugin@^1.6.4:
+pnp-webpack-plugin@^1.5.0:
version "1.6.4"
resolved "https://registry.yarnpkg.com/pnp-webpack-plugin/-/pnp-webpack-plugin-1.6.4.tgz#c9711ac4dc48a685dabafc86f8b6dd9f8df84149"
integrity sha512-7Wjy+9E3WwLOEL30D+m8TSTF7qJJUJLONBnwQp0518siuMxUQUbgZwssaFX+QKlZkjHZcw/IpZCt/H0srrntSg==
@@ -16282,15 +16274,6 @@ query-string@^6.12.1:
split-on-first "^1.0.0"
strict-uri-encode "^2.0.0"
-query-string@^6.8.3:
- version "6.11.1"
- resolved "https://registry.yarnpkg.com/query-string/-/query-string-6.11.1.tgz#ab021f275d463ce1b61e88f0ce6988b3e8fe7c2c"
- integrity sha512-1ZvJOUl8ifkkBxu2ByVM/8GijMIPx+cef7u3yroO3Ogm4DOdZcF5dcrWTIlSHe3Pg/mtlt6/eFjObDfJureZZA==
- dependencies:
- decode-uri-component "^0.2.0"
- split-on-first "^1.0.0"
- strict-uri-encode "^2.0.0"
-
querystring-es3@^0.2.0:
version "0.2.1"
resolved "https://registry.yarnpkg.com/querystring-es3/-/querystring-es3-0.2.1.tgz#9ec61f79049875707d69414596fd907a4d711e73"
@@ -16456,10 +16439,10 @@ react-bootstrap-modal@4.2.0:
react-overlays "^0.8.0"
react-transition-group "^2.0.0"
-react-cornerstone-viewport@2.x.x:
- version "2.3.6"
- resolved "https://registry.yarnpkg.com/react-cornerstone-viewport/-/react-cornerstone-viewport-2.3.6.tgz#1c76bd37c95284254767296952845bacd3b810a4"
- integrity sha512-MBs1Mgl0g0YswkhgoaYlaPoPDVs/HZQ3Z89thHxVytvJsgnQvhc3YrR48iRaUfQj0eYoazh7AL/lLCfd8veFKA==
+react-cornerstone-viewport@2.3.8:
+ version "2.3.8"
+ resolved "https://registry.yarnpkg.com/react-cornerstone-viewport/-/react-cornerstone-viewport-2.3.8.tgz#7af8360f29bca986ae4e36b4e503269b88ddc52f"
+ integrity sha512-aiG2uVNrDY6SQx4t/HBxIA3zsMsCwT+6TpcXK9qSSoXhs+X6OTmYEKncWUqL0jtxU1yfh6JTUz8ARTg03gtF+A==
dependencies:
classnames "^2.2.6"
date-fns "^2.2.1"
@@ -16892,10 +16875,10 @@ react-transition-group@^4.1.1:
loose-envify "^1.4.0"
prop-types "^15.6.2"
-react-vtkjs-viewport@^0.8.3:
- version "0.8.4"
- resolved "https://registry.yarnpkg.com/react-vtkjs-viewport/-/react-vtkjs-viewport-0.8.4.tgz#6bd9837d7762b845e77f053fb8fbf4469428d594"
- integrity sha512-b90ENJzmStiahxVox+7mMwZij3NVUu//jE07PV2Qtp6E7q/eLXn6ZUwcEt9w5YHN36xLZVcx9b53ztLcXVgh/Q==
+react-vtkjs-viewport@^0.9.0:
+ version "0.9.0"
+ resolved "https://registry.yarnpkg.com/react-vtkjs-viewport/-/react-vtkjs-viewport-0.9.0.tgz#5a7890643e511946f960db6b05142318be2dfe80"
+ integrity sha512-kjpNr1n+eW0nU736HH07IsSYQXphxfn/RBvKtpBer9tNsl+FyLH8h+uY8KWdv8kVBHkEoaH6/srxB0JBa8l+jA==
dependencies:
date-fns "^2.2.1"
gl-matrix "^3.1.0"
@@ -17300,11 +17283,6 @@ regenerator-runtime@^0.11.0:
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz#be05ad7f9bf7d22e056f9726cee5017fbf19e2e9"
integrity sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==
-regenerator-runtime@^0.12.0:
- version "0.12.1"
- resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.12.1.tgz#fa1a71544764c036f8c49b13a08b2594c9f8a0de"
- integrity sha512-odxIc1/vDlo4iZcfXqRYFj0vpXFNoGdKMAUieAlFYO6m/nl5e9KR/beGf41z4a1FI+aQgtjhuaSlDxQ0hmkrHg==
-
regenerator-runtime@^0.13.1, regenerator-runtime@^0.13.2:
version "0.13.3"
resolved "https://registry.yarnpkg.com/regenerator-runtime/-/regenerator-runtime-0.13.3.tgz#7cf6a77d8f5c6f60eb73c5fc1955b2ceb01e6bf5"
@@ -20881,10 +20859,10 @@ void-elements@^2.0.1:
resolved "https://registry.yarnpkg.com/void-elements/-/void-elements-2.0.1.tgz#c066afb582bb1cb4128d60ea92392e94d5e9dbec"
integrity sha1-wGavtYK7HLQSjWDqkjkulNXp2+w=
-vtk.js@^13.10.0:
- version "13.10.0"
- resolved "https://registry.yarnpkg.com/vtk.js/-/vtk.js-13.10.0.tgz#d188ce2b36c222bc09bc830786014964410b65cb"
- integrity sha512-P4qxpHjKdvs77jaZi8rtITezDgeNl77Z1xkByZ8I71akElCJfPr6+ZZqOgTkuudDBcQPhJS0KQEcC0GsqKjBhg==
+vtk.js@^11.14.0:
+ version "11.14.0"
+ resolved "https://registry.yarnpkg.com/vtk.js/-/vtk.js-11.14.0.tgz#5dd673dab46497563e29b6e8f9f459a74fdaf833"
+ integrity sha512-5pK7wIi6TBL8ul0dD7fQyyMNWs73r6pc4kmzJfe+iEWiKqMbB+C7U44cZag1jaAE3uiySDyrgostRXpSFtEayw==
dependencies:
blueimp-md5 "2.10.0"
commander "2.11.0"