fhir-react 0.2.1 → 0.3.0

package/src/components/resources/List/List.js

@@ -0,0 +1,262 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import _get from 'lodash/get';
+import UnhandledResourceDataStructure from '../UnhandledResourceDataStructure';
+import fhirVersions from '../fhirResourceVersions';
+import { getExtension } from './utils';
+
+import {
+  Root,
+  Header,
+  Title,
+  Value,
+  Body,
+  ValueSection,
+  Badge,
+} from '../../ui';
+import Date from '../../datatypes/Date';
+import Reference from '../../datatypes/Reference';
+import Entries from './Entries';
+import Identifier from '../../datatypes/Identifier/Identifier';
+import CodeableConcept from '../../datatypes/CodeableConcept';
+import DrugTierDefinitionExtension from './DrugTierDefinitionExtension';
+
+const commonDTO = fhirResource => {
+  const id = _get(fhirResource, 'id');
+  const identifier = _get(fhirResource, 'identifier');
+  const status = String(_get(fhirResource, 'status'));
+  const mode = _get(fhirResource, 'mode');
+  const title = _get(fhirResource, 'title');
+  const code = _get(fhirResource, 'code');
+  const subject = _get(fhirResource, 'subject');
+  const date = _get(fhirResource, 'date');
+  const source = _get(fhirResource, 'source');
+  const entry = _get(fhirResource, 'entry');
+
+  return {
+    id,
+    identifier,
+    status,
+    mode,
+    title,
+    code,
+    subject,
+    date,
+    source,
+    entry,
+  };
+};
+
+const daVinciPDex = fhirResource => {
+  const extension = _get(fhirResource, 'extension', []);
+  const hasExtensions = extension.length > 0;
+
+  if (hasExtensions) {
+    const usdfDrugTierDefinition = getExtension(
+      'usdf-DrugTierDefinition-extension',
+      extension,
+    );
+    const usdfNetwork = _get(
+      getExtension('usdf-Network-extension', extension),
+      'valueString',
+    );
+    const usdfSummaryURL = _get(
+      getExtension('usdf-SummaryURL-extension', extension),
+      'valueString',
+    );
+    const usdfFormularyURL = _get(
+      getExtension('usdf-FormularyURL-extension', extension),
+      'valueString',
+    );
+    const usdfEmailPlanContact = _get(
+      getExtension('usdf-EmailPlanContact-extension', extension),
+      'valueString',
+    );
+    const usdfMarketingURL = _get(
+      getExtension('usdf-MarketingURL-extension', extension),
+      'valueString',
+    );
+    const usdfPlanIDType = _get(
+      getExtension('usdf-PlanIDType-extension', extension),
+      'valueString',
+    );
+
+    return {
+      hasExtensions,
+      usdfDrugTierDefinition,
+      usdfNetwork,
+      usdfSummaryURL,
+      usdfFormularyURL,
+      usdfEmailPlanContact,
+      usdfMarketingURL,
+      usdfPlanIDType,
+    };
+  }
+
+  return {
+    hasExtensions,
+  };
+};
+
+const resourceDTO = (fhirVersion, fhirResource, withDaVinciPDex) => {
+  switch (fhirVersion) {
+    case fhirVersions.DSTU2:
+    case fhirVersions.STU3: {
+      return {
+        ...commonDTO(fhirResource),
+      };
+    }
+    case fhirVersions.R4: {
+      const dto = {
+        ...commonDTO(fhirResource),
+      };
+
+      if (withDaVinciPDex) {
+        return {
+          ...dto,
+          ...daVinciPDex(fhirResource),
+        };
+      }
+
+      return dto;
+    }
+    default:
+      throw Error('Unrecognized the fhir version property type.');
+  }
+};
+
+const List = props => {
+  const { fhirResource, fhirVersion, withDaVinciPDex = false } = props;
+  let fhirResourceData = {};
+  try {
+    fhirResourceData = resourceDTO(fhirVersion, fhirResource, withDaVinciPDex);
+  } catch (error) {
+    console.warn(error.message);
+    return <UnhandledResourceDataStructure resourceName="List" />;
+  }
+
+  const {
+    id,
+    identifier,
+    status,
+    mode,
+    title,
+    code,
+    subject,
+    date,
+    source,
+    entry,
+    hasExtensions,
+    usdfDrugTierDefinition,
+    usdfNetwork,
+    usdfSummaryURL,
+    usdfFormularyURL,
+    usdfEmailPlanContact,
+    usdfMarketingURL,
+    usdfPlanIDType,
+  } = fhirResourceData;
+
+  return (
+    <Root name="List">
+      <Header>
+        <Title>
+          {title || 'List'} {id && id}{' '}
+          {status && <Badge data-testid="status">{status}</Badge>}
+        </Title>
+      </Header>
+      <Body>
+        {identifier && (
+          <Value label="Identifier" data-testid="identifier">
+            {identifier.map((id, index) => (
+              <div key={`identifier-${index}`}>
+                <Identifier fhirData={id} />
+              </div>
+            ))}
+          </Value>
+        )}
+        {mode && (
+          <Value label="Mode" data-testid="mode">
+            {mode}
+          </Value>
+        )}
+        {code && (
+          <Value label="code" data-testid="code">
+            <CodeableConcept fhirData={code} />
+          </Value>
+        )}
+        {subject && (
+          <Value label="Subject" data-testid="subject">
+            <Reference fhirData={subject} />
+          </Value>
+        )}
+        {date && (
+          <Value label="Date" data-testid="date">
+            <Date fhirData={date} />
+          </Value>
+        )}
+        {source && (
+          <Value label="Source" data-testid="source">
+            <Reference fhirData={source} />
+          </Value>
+        )}
+        {entry && <Entries fhirData={entry} />}
+
+        {hasExtensions && (
+          <ValueSection label="USDF extensions" data-testid="usdfExtensions">
+            {usdfDrugTierDefinition && (
+              <DrugTierDefinitionExtension
+                drugTierDefinitionExtension={usdfDrugTierDefinition}
+                data-testid="usdfDrugTierDefinition"
+              />
+            )}
+            {usdfNetwork && (
+              <Value label="Network" data-testid="usdfNetwork">
+                {usdfNetwork}
+              </Value>
+            )}
+            {usdfSummaryURL && (
+              <Value label="Summary URL" data-testid="usdfSummaryURL">
+                {usdfSummaryURL}
+              </Value>
+            )}
+            {usdfFormularyURL && (
+              <Value label="Formulary URL" data-testid="usdfFormularyURL">
+                {usdfFormularyURL}
+              </Value>
+            )}
+            {usdfEmailPlanContact && (
+              <Value
+                label="Email Plan Contact"
+                data-testid="usdfEmailPlanContact"
+              >
+                {usdfEmailPlanContact}
+              </Value>
+            )}
+            {usdfMarketingURL && (
+              <Value label="Marketing URL" data-testid="usdfMarketingURL">
+                {usdfMarketingURL}
+              </Value>
+            )}
+            {usdfPlanIDType && (
+              <Value label="Plan ID Type" data-testid="usdfPlanIDType">
+                {usdfPlanIDType}
+              </Value>
+            )}
+          </ValueSection>
+        )}
+      </Body>
+    </Root>
+  );
+};
+
+List.propTypes = {
+  fhirResource: PropTypes.shape({}).isRequired,
+  fhirVersion: PropTypes.oneOf([
+    fhirVersions.DSTU2,
+    fhirVersions.STU3,
+    fhirVersions.R4,
+  ]).isRequired,
+  withDaVinciPDex: PropTypes.bool,
+};
+
+export default List;

package/src/components/resources/List/List.stories.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { object } from '@storybook/addon-knobs';
+
+import List from './List';
+import fhirVersions from '../fhirResourceVersions';
+
+import example1Dstu2 from '../../../fixtures/dstu2/resources/list/example1.json';
+import example2Dstu2 from '../../../fixtures/dstu2/resources/list/example2.json';
+import example3Dstu2 from '../../../fixtures/dstu2/resources/list/example3.json';
+import example1Stu3 from '../../../fixtures/stu3/resources/list/example1.json';
+import example2Stu3 from '../../../fixtures/stu3/resources/list/example2.json';
+import example3Stu3 from '../../../fixtures/stu3/resources/list/example3.json';
+import example1R4 from '../../../fixtures/r4/resources/list/example1.json';
+import example2R4 from '../../../fixtures/r4/resources/list/example2.json';
+import example3R4 from '../../../fixtures/r4/resources/list/example3.json';
+
+export default {
+  title: 'List',
+};
+
+export const DefaultVisualizationDSTU2 = () => {
+  const fhirResource = object('Resource', example1Dstu2);
+  return <List fhirVersion={fhirVersions.DSTU2} fhirResource={fhirResource} />;
+};
+
+export const Example2DSTU2 = () => {
+  const fhirResource = object('Resource', example2Dstu2);
+  return <List fhirVersion={fhirVersions.DSTU2} fhirResource={fhirResource} />;
+};
+export const Example3DSTU2 = () => {
+  const fhirResource = object('Resource', example3Dstu2);
+  return <List fhirVersion={fhirVersions.DSTU2} fhirResource={fhirResource} />;
+};
+
+export const DefaultVisualizationSTU3 = () => {
+  const fhirResource = object('Resource', example1Stu3);
+  return <List fhirVersion={fhirVersions.STU3} fhirResource={fhirResource} />;
+};
+
+export const Example2STU3 = () => {
+  const fhirResource = object('Resource', example2Stu3);
+  return <List fhirVersion={fhirVersions.STU3} fhirResource={fhirResource} />;
+};
+export const Example3STU3 = () => {
+  const fhirResource = object('Resource', example3Stu3);
+  return <List fhirVersion={fhirVersions.STU3} fhirResource={fhirResource} />;
+};
+
+export const DefaultVisualizationR4 = () => {
+  const fhirResource = object('Resource', example1R4);
+  return <List fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />;
+};
+export const ExampleR4WithoutDaVinciPDex = () => {
+  const fhirResource = object('Resource', example2R4);
+  return <List fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />;
+};
+export const ExampleR4WithDaVinciPDex = () => {
+  const fhirResource = object('Resource', example2R4);
+  return (
+    <List
+      fhirVersion={fhirVersions.R4}
+      fhirResource={fhirResource}
+      withDaVinciPDex
+    />
+  );
+};
+export const Example2R4 = () => {
+  const fhirResource = object('Resource', example3R4);
+  return <List fhirVersion={fhirVersions.R4} fhirResource={fhirResource} />;
+};
+
+export const ExampleWithoutFHIRVersionProperty = () => {
+  const fhirResource = object('Resource', example3R4);
+  return <List fhirResource={fhirResource} />;
+};

package/src/components/resources/List/List.test.js

@@ -0,0 +1,95 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { fhirVersions } from '../../../index';
+
+import List from './List';
+
+import example1Dstu2 from '../../../fixtures/dstu2/resources/list/example1.json';
+import example2R4 from '../../../fixtures/r4/resources/list/example2.json';
+
+describe('should render List component properly', () => {
+  it('should render with DSTU2 source data', () => {
+    const defaultProps = {
+      fhirResource: example1Dstu2,
+      fhirVersion: fhirVersions.DSTU2,
+    };
+
+    const { container, getByTestId, queryByTestId } = render(
+      <List {...defaultProps} />,
+    );
+    expect(container).not.toBeNull();
+
+    expect(getByTestId('title').textContent).toContain('List example');
+    expect(getByTestId('status').textContent).toContain('current');
+    expect(getByTestId('identifier').textContent).toContain('23974652');
+    expect(getByTestId('mode').textContent).toContain('changes');
+    expect(getByTestId('subject').textContent).toContain('Patient/example');
+    expect(getByTestId('date').textContent).toContain('11/25/2012');
+    expect(queryByTestId('code')).toBeNull();
+    expect(getByTestId('source').textContent).toContain('Patient/example');
+    expect(getByTestId('entries')).not.toBeNull();
+    expect(queryByTestId('usdfExtensions')).toBeNull();
+  });
+
+  it('should render R4 without daVinci PDex profile', () => {
+    const defaultProps = {
+      fhirResource: example2R4,
+      fhirVersion: fhirVersions.R4,
+    };
+
+    const { container, getByTestId, queryByTestId } = render(
+      <List {...defaultProps} />,
+    );
+    expect(container).not.toBeNull();
+
+    expect(getByTestId('identifier').textContent).toContain('test');
+    expect(getByTestId('mode').textContent).toContain('snapshot');
+    expect(getByTestId('date').textContent).toContain('6/12/20');
+    expect(getByTestId('entries')).not.toBeNull();
+    expect(queryByTestId('usdfExtensions')).toBeNull();
+  });
+
+  it('should render R4 with daVinci PDex profile', () => {
+    const defaultProps = {
+      fhirResource: example2R4,
+      fhirVersion: fhirVersions.R4,
+      withDaVinciPDex: true,
+    };
+
+    const { container, getByTestId, queryByTestId } = render(
+      <List {...defaultProps} />,
+    );
+    expect(container).not.toBeNull();
+
+    expect(getByTestId('identifier').textContent).toContain('test');
+    expect(getByTestId('mode').textContent).toContain('snapshot');
+    expect(getByTestId('date').textContent).toContain('6/12/2015');
+    expect(getByTestId('entries')).not.toBeNull();
+
+    expect(queryByTestId('usdfExtensions')).not.toBeNull();
+    expect(getByTestId('drugTierDefinition')).not.toBeNull();
+    expect(getByTestId('drugTierID').textContent).toContain('Generic:');
+    expect(getByTestId('mailOrder').textContent).toContain('yes');
+    expect(getByTestId('costSharing')).not.toBeNull();
+    expect(getByTestId('pharmacyType').textContent).toContain(
+      '(1-month-in-retail)',
+    );
+    expect(getByTestId('copayAmount').textContent).toContain('0');
+
+    expect(getByTestId('usdfNetwork').textContent).toContain('PREFERRED');
+    expect(getByTestId('usdfSummaryURL').textContent).toContain(
+      'http://url/to/health/plan/information',
+    );
+    expect(getByTestId('usdfFormularyURL').textContent).toContain(
+      'http://url/to/formulary/information',
+    );
+    expect(getByTestId('usdfEmailPlanContact').textContent).toContain(
+      'Patrick.Breen@carefirst.com',
+    );
+    expect(getByTestId('usdfMarketingURL').textContent).toContain(
+      'https://content.carefirst.com/sbc/D,$0/ D,$0/ D,$0/ D,$0/ D,$0B+',
+    );
+    expect(getByTestId('usdfPlanIDType').textContent).toContain('HIOS-PLAN-ID');
+  });
+});

package/src/components/resources/List/index.js

@@ -0,0 +1,3 @@
+import List from './List';
+
+export default List;

package/src/components/resources/List/utils.js

@@ -0,0 +1,6 @@
+const getExtension = (key, extensions) => {
+  const result = extensions.find(item => item.url && item.url.includes(key));
+  return Boolean(result) ? result : null;
+};
+
+export { getExtension };

package/src/components/resources/MedicationAdministration/MedicationAdministration.test.js

@@ -30,9 +30,9 @@ describe('should render MedicationAdministration component properly', () => {
       'Practitioner/example',
     );
 
-    expect(getByTestId('periodTimeStart').textContent).toEqual('2015-01-15');
+    expect(getByTestId('periodTimeStart').textContent).toEqual('1/15/2015');
 
-    expect(getByTestId('periodTimeEnd').textContent).toEqual('2015-01-15');
+    expect(getByTestId('periodTimeEnd').textContent).toEqual('1/15/2015');
 
     expect(getByTestId('dosageRoute').textContent).toContain(
       'Intravenous route',
@@ -58,7 +58,7 @@ describe('should render MedicationAdministration component properly', () => {
 
     expect(getByTestId('practitioner').textContent).toContain('Patrick Pump');
 
-    expect(getByTestId('periodTimeStart').textContent).toEqual('2015-01-15');
+    expect(getByTestId('periodTimeStart').textContent).toEqual('1/15/2015');
 
     expect(getByTestId('periodTimeEnd').textContent).toEqual('-');
 
@@ -83,8 +83,8 @@ describe('should render MedicationAdministration component properly', () => {
     expect(getByTestId('status').textContent).toContain('on-hold');
     expect(getByTestId('patient').textContent).toContain('Donald Duck');
     expect(queryByTestId('practitioner')).toBeNull();
-    expect(getByTestId('periodTimeStart').textContent).toEqual('2015-01-15');
-    expect(getByTestId('periodTimeEnd').textContent).toEqual('2015-01-15');
+    expect(getByTestId('periodTimeStart').textContent).toEqual('1/15/2015');
+    expect(getByTestId('periodTimeEnd').textContent).toEqual('1/15/2015');
     expect(getByTestId('dosageRoute').textContent).toContain('-');
     expect(getByTestId('dosageQuantity').textContent).toEqual('-');
   });
@@ -103,8 +103,8 @@ describe('should render MedicationAdministration component properly', () => {
     expect(getByTestId('status').textContent).toContain('completed');
     expect(getByTestId('patient').textContent).toContain('Donald Duck');
     expect(getByTestId('practitioner').textContent).toContain('Patrick Pump');
-    expect(getByTestId('periodTimeStart').textContent).toEqual('2015-01-15');
-    expect(getByTestId('periodTimeEnd').textContent).toEqual('2015-01-15');
+    expect(getByTestId('periodTimeStart').textContent).toEqual('1/15/2015');
+    expect(getByTestId('periodTimeEnd').textContent).toEqual('1/15/2015');
     expect(getByTestId('dosageRoute').textContent).toContain('Oral Route');
     expect(getByTestId('dosageQuantity').textContent).toEqual('2 TAB');
   });

package/src/components/resources/MedicationDispense/MedicationDispense.test.js

@@ -21,7 +21,7 @@ describe('should render Device component properly', () => {
 
     expect(getByTestId('title').textContent).toEqual('prescribed medication');
     expect(getByTestId('typeCoding').textContent).toContain('Part Fill');
-    expect(getByTestId('whenPrepared').textContent).toContain('2015-03-01');
+    expect(getByTestId('whenPrepared').textContent).toContain('3/1/2015');
     expect(getByTestId('hasDosageInstruction').textContent).toContain(
       'or after food',
     );
@@ -60,7 +60,7 @@ describe('should render Device component properly', () => {
     expect(container).not.toBeNull();
 
     expect(getByTestId('title').textContent).toContain('Novolog 100u/ml');
-    expect(getByTestId('whenPrepared').textContent).toEqual('2015-01-15');
+    expect(getByTestId('whenPrepared').textContent).toEqual('1/15/2015');
     expect(
       within(getByTestId('hasDosageInstruction'))
         .queryAllByTestId('dosageTiming')