fhir-react/src/components/resources/ResearchStudy/ResearchStudy.js

React component library for displaying FHIR Resources

import React from 'react';
import PropTypes from 'prop-types';

import Annotation from '../../datatypes/Annotation';
import CodeableConcept from '../../datatypes/CodeableConcept';
import Coding from '../../datatypes/Coding';
import DateType from '../../datatypes/Date';
import Markdown from '../../datatypes/Markdown';
import Reference from '../../datatypes/Reference';
import Telecom from '../../datatypes/Telecom';

import _get from 'lodash/get';
import UnhandledResourceDataStructure from '../UnhandledResourceDataStructure';
import fhirVersions from '../fhirResourceVersions';

import {
  Badge,
  BadgeSecondary,
  Body,
  Header,
  MissingValue,
  Root,
  Title,
  Value,
} from '../../ui';

const commonDTO = fhirResource => {
  const title = _get(fhirResource, 'title', 'Research Study');
  const status = _get(fhirResource, 'status');
  const categoryCoding = _get(fhirResource, 'category[0].coding[0]');
  const focusCoding = _get(fhirResource, 'focus[0].coding[0]');
  const protocolReference = _get(fhirResource, 'protocol');
  const partOfReference = _get(fhirResource, 'partOf');
  const contacts = _get(fhirResource, 'contact', []).map(contact => {
    const name = _get(contact, 'name');
    const telecoms = _get(contact, 'telecom');
    return { name, telecoms };
  });
  const keywordConcepts = _get(fhirResource, 'keyword', []);
  const period = _get(fhirResource, 'period', {});
  const enrollmentReferences = _get(fhirResource, 'enrollment', []);
  const sponsorReference = _get(fhirResource, 'sponsor');
  const principalInvestigatorReference = _get(
    fhirResource,
    'principalInvestigator',
  );
  const siteReferences = _get(fhirResource, 'site', []);
  const comments = _get(fhirResource, 'note', []);
  const description = _get(fhirResource, 'description');
  const arms = _get(fhirResource, 'arm', []).map(arm => {
    const name = _get(arm, 'name');
    const description = _get(arm, 'description');
    const coding = _get(arm, 'code.coding[0]');
    return { name, description, coding };
  });

  return {
    title,
    status,
    description,
    categoryCoding,
    focusCoding,
    protocolReference,
    partOfReference,
    contacts,
    keywordConcepts,
    period,
    enrollmentReferences,
    sponsorReference,
    principalInvestigatorReference,
    siteReferences,
    comments,
    arms,
  };
};

const r4DTO = fhirResource => {
  const location = _get(fhirResource, 'location');
  const primaryPurposeType = _get(fhirResource, 'primaryPurposeType');
  return {
    location,
    primaryPurposeType,
  };
};

const resourceDTO = (fhirVersion, fhirResource) => {
  switch (fhirVersion) {
    case fhirVersions.STU3: {
      return {
        ...commonDTO(fhirResource),
      };
    }
    case fhirVersions.R4: {
      return {
        ...commonDTO(fhirResource),
        ...r4DTO(fhirResource),
      };
    }
    default: {
      throw Error('Unrecognized the fhir version property type.');
    }
  }
};

const ResearchStudy = props => {
  const { fhirResource, fhirVersion } = props;
  let fhirResourceData = {};
  try {
    fhirResourceData = resourceDTO(fhirVersion, fhirResource);
  } catch (error) {
    console.warn(error.message);
    return <UnhandledResourceDataStructure resourceName="ResearchStudy" />;
  }
  const {
    title,
    status,
    categoryCoding,
    focusCoding,
    protocolReference,
    partOfReference,
    contacts,
    keywordConcepts,
    period,
    enrollmentReferences,
    sponsorReference,
    principalInvestigatorReference,
    siteReferences,
    comments,
    description,
    arms,
    location,
    primaryPurposeType,
  } = fhirResourceData;

  const hasContacts = contacts.length > 0;
  const hasKeywords = keywordConcepts.length > 0;
  const hasPeriod = period.start || period.end;
  const hasEnrollment = enrollmentReferences.length > 0;
  const hasSites = siteReferences.length > 0;
  const hasComments = comments.length > 0;
  const hasArms = arms.length > 0;

  return (
    <Root name="ResearchStudy">
      <Header>
        {title && <Title data-testid="title">{title}</Title>}
        {status && <Badge data-testid="status">{status}</Badge>}
        {hasPeriod && (
          <BadgeSecondary data-testid="period">
            {period.start ? (
              <DateType fhirData={period.start} />
            ) : (
              <MissingValue />
            )}
            {' - '}
            {period.end ? <DateType fhirData={period.end} /> : <MissingValue />}
          </BadgeSecondary>
        )}
      </Header>
      <Body>
        {partOfReference && (
          <Value label="Part of another study" data-testid="partOf">
            <Reference fhirData={partOfReference} />
          </Value>
        )}
        {categoryCoding && (
          <Value label="Category" data-testid="category">
            <Coding fhirData={categoryCoding} />
          </Value>
        )}
        {hasKeywords && (
          <Value label="Keywords" data-testid="keywords">
            <CodeableConcept fhirData={keywordConcepts} />
          </Value>
        )}
        {description && (
          <Value label="Description" data-testid="description">
            <Markdown fhirData={description} />
          </Value>
        )}
        {focusCoding && (
          <Value label="Focus" data-testid="focus">
            <Coding fhirData={focusCoding} />
          </Value>
        )}
        {hasEnrollment && (
          <Value label="Enrollment" data-testid="enrollment">
            {enrollmentReferences.map((enrollmentReference, idx) => (
              <div key={idx} data-testid="enrollmentReference">
                <Reference fhirData={enrollmentReference} />
              </div>
            ))}
          </Value>
        )}
        {protocolReference && (
          <Value label="Protocol" data-testid="protocol">
            <Reference fhirData={protocolReference} />
          </Value>
        )}
        {hasArms && (
          <Value label="Study paths" data-testid="arms">
            <ul>
              {arms.map((arm, idx) => (
                <li key={idx}>
                  <div data-testid="arms.name">{arm.name}</div>
                  <Coding fhirData={arm.coding} />
                  <div data-testid="arms.description">{arm.description}</div>
                </li>
              ))}
            </ul>
          </Value>
        )}
        {hasComments && (
          <Value label="Comments" data-testid="comments">
            <Annotation fhirData={comments} />
          </Value>
        )}
        {hasContacts && (
          <Value label="Contacts" data-testid="contacts">
            {contacts.map((contact, idx) => (
              <div key={idx}>
                <div data-testid="contactsName">{contact.name}</div>
                <div data-testid="contactsTelecom">
                  <Telecom fhirData={contact.telecoms} />
                </div>
              </div>
            ))}
          </Value>
        )}
        {principalInvestigatorReference && (
          <Value
            label="Principal investigator"
            data-testid="principalInvestigator"
          >
            <Reference fhirData={principalInvestigatorReference} />
          </Value>
        )}
        {sponsorReference && (
          <Value label="Sponsor" data-testid="sponsor">
            <Reference fhirData={sponsorReference} />
          </Value>
        )}
        {hasSites && (
          <Value label="Sites" data-testid="sites">
            {siteReferences.map((siteReference, idx) => (
              <div key={idx} data-testid="siteReference">
                <Reference fhirData={siteReference} />
              </div>
            ))}
          </Value>
        )}
        {location && (
          <Value label="Location" data-testid="location">
            <CodeableConcept fhirData={location} />
          </Value>
        )}
        {primaryPurposeType && (
          <Value label="Primary Purpose Type" data-testid="primaryPurposeType">
            <CodeableConcept fhirData={primaryPurposeType} />
          </Value>
        )}
      </Body>
    </Root>
  );
};

ResearchStudy.propTypes = {
  fhirResource: PropTypes.shape({}).isRequired,
  fhirVersion: PropTypes.oneOf([fhirVersions.STU3, fhirVersions.R4]),
};

export default ResearchStudy;