fhir-react 0.3.2 → 0.3.6

package/src/fixtures/example-icons.jsx

@@ -1,169 +1,221 @@
 import React from 'react';
 
 export default {
+  Binary: (
+    <img
+      className="header-icon__image"
+      src={require('../assets/containers/Binary/binary.svg')}
+      alt="binary"
+    />
+  ),
   Condition: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Condition/condition.svg')}
-      alt="germ"
+      alt="condition"
     />
   ),
   Immunization: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Immunization/immunization.svg')}
-      alt="syringe"
+      alt="immunization"
     />
   ),
   Procedure: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Procedure/procedure.svg')}
-      alt="block diagram"
+      alt="procedure"
     />
   ),
   Practitioner: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Practitioner/practitioner.svg')}
-      alt="doctor avatar"
+      alt="practitioner"
     />
   ),
   AllergyIntolerance: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/AllergyIntolerance/allergy-intolerance.svg')}
-      alt="sneezing emoji"
+      alt="allergy intolerance"
     />
   ),
   Appointment: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Appointment/appointment.svg')}
-      alt="calendar"
+      alt="appointment"
     />
   ),
   CarePlan: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/CarePlan/care-plan.svg')}
-      alt="note with a heart"
+      alt="care plan"
     />
   ),
   CareTeam: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/CareTeam/care-team.svg')}
       alt="group of people"
     />
   ),
   Claim: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Claim/claim.svg')}
       alt="clipboard with a symmetrical cross"
     />
   ),
   ClaimResponse: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/ClaimResponse/claim-response.svg')}
       alt="clipboard with a symmetrical cross and a return arrow"
     />
   ),
   Device: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Device/device.svg')}
-      alt="computer rack"
+      alt="device"
     />
   ),
   DiagnosticReport: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/DiagnosticReport/diagnostic-report.svg')}
-      alt="note with shapes"
+      alt="diagnostic report"
     />
   ),
   DocumentReference: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/DocumentReference/document-reference.svg')}
-      alt="hand holding a note"
+      alt="document reference"
     />
   ),
   Encounter: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Encounter/encounter.svg')}
-      alt="conversation between two individuals"
+      alt="encounter"
     />
   ),
   ExplanationOfBenefit: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/ExplanationOfBenefit/explanation-of-benefit.svg')}
-      alt="percentage sign"
+      alt="explanation of benefit"
     />
   ),
   FamilyMemberHistory: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/FamilyMemberHistory/family-member-history.svg')}
-      alt="parent and child"
+      alt="family member history"
     />
   ),
   Goal: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Goal/goal.svg')}
-      alt="arrow hits bullseye"
+      alt="goal"
     />
   ),
   List: (
-    <img src={require('../assets/containers/List/list.svg')} alt="checklist" />
+    <img
+      className="header-icon__image"
+      src={require('../assets/containers/List/list.svg')}
+      alt="checklist"
+    />
   ),
   Location: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Location/location.svg')}
       alt="location marker"
     />
   ),
-  Medication: (
+  MedicationOrder: (
     <img
-      src={require('../assets/containers/Medication/medication.svg')}
-      alt="some pills"
+      className="header-icon__image"
+      src={require('../assets/containers/MedicationOrder/medication-order.svg')}
+      alt="medication order"
+    />
+  ),
+  MedicationRequest: (
+    <img
+      className="header-icon__image"
+      src={require('../assets/containers/MedicationRequest/medication-request.svg')}
+      alt="medication request"
     />
   ),
   MedicationAdministration: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/MedicationAdministration/medication-administration.svg')}
       alt="pill gets swallowed"
     />
   ),
   MedicationKnowledge: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/MedicationKnowledge/medication-knowledge.svg')}
       alt="pill database"
     />
   ),
   MedicationStatement: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/MedicationStatement/medication-statement.svg')}
-      alt="note with symmetrical cross"
+      alt="medication statement"
     />
   ),
   Observation: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Observation/observation.svg')}
-      alt="hospital bed"
+      alt="observation"
     />
   ),
   Questionnaire: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/Questionnaire/questionnaire.svg')}
       alt="clipboard and pen"
     />
   ),
   QuestionnaireResponse: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/QuestionnaireResponse/questionnaire-response.svg')}
       alt="clipboard and return arrow"
     />
   ),
   ResearchStudy: (
     <img
+      className="header-icon__image"
       src={require('../assets/containers/ResearchStudy/research-study.svg')}
       alt="finger pointing something in a book"
     />
   ),
   ResourceCategory: (
     <img
-      src={require('../assets/containers/ResourceCategory/resource-placeholder.svg')}
-      alt="header icon"
+      className="header-icon__image"
+      src={require('../assets/containers/ResourceCategory/resource-category.svg')}
+      alt="resource category"
+    />
+  ),
+  Patient: (
+    <img
+      className="header-icon__image"
+      src={require('../assets/containers/Patient/patient.svg')}
+      alt="patient"
     />
   ),
 };

package/src/fixtures/r4/resources/explanationOfBenefit/c4bbExample.json

@@ -148,13 +148,29 @@
       "category": {
         "coding": [
           {
+            "code": "clmrecvddate",
             "system": "http://hl7.org/fhir/us/carin-bb/CodeSystem/C4BBSupportingInfoType",
-            "code": "clmrecvddate"
+            "display": "Claim Received Date"
           }
         ]
       },
       "timingDate": "2017-01-05"
-    }
+    },
+    {
+      "sequence": 2,
+      "category": {
+          "coding": [
+              {
+                  "code": "dayssupply",
+                  "system": "http://hl7.org/fhir/us/carin-bb/CodeSystem/C4BBSupportingInfoType",
+                  "display": "Days Supply"
+              }
+          ]
+      },
+      "valueQuantity": {
+          "value": 30
+      }
+  }
   ],
   "diagnosis": [
     {

package/src/style.scss

@@ -86,6 +86,7 @@ $enable-negative-margins: true;
   width: auto;
   @include media-breakpoint-up(sm) {
     width: 130px;
+    min-width: 130px;
   }
 }
 

package/src/utils/convertCamelCaseToSentence.js

@@ -0,0 +1,9 @@
+import _trim from 'lodash/trim';
+
+export const convertCamelCaseToSentence = word => {
+  const result = word && word.replace(/([A-Z])/g, ' $1');
+  return (
+    result &&
+    _trim(result.charAt(0).toUpperCase() + result.slice(1)).toLowerCase()
+  );
+};

package/src/utils/convertCamelCaseToSentence.test.js

@@ -0,0 +1,9 @@
+import { convertCamelCaseToSentence } from './convertCamelCaseToSentence';
+
+describe('convertCamelCaseToSentence function ', () => {
+  it('should return sentence', () => {
+    expect(convertCamelCaseToSentence('CamelCaseToSentence')).toEqual(
+      'camel case to sentence',
+    );
+  });
+});

package/src/utils/formatDate.js

@@ -1,7 +1,6 @@
 export const formatDate = (date, locale) => {
   const rawDate = new Date(date);
-  const usDate = rawDate.toLocaleDateString(locale, whichOptions(date));
-  return usDate;
+  return rawDate.toLocaleDateString(locale, whichOptions(date));
 };
 
 const whichOptions = date => {
@@ -9,13 +8,16 @@ const whichOptions = date => {
   const YEAR_MONTH_FORMAT = 'YYYY-MM';
 
   if (date.length === YEAR_FORMAT.length) {
-    return { year: 'numeric' };
+    return { year: 'numeric', timeZone: 'UTC' };
   }
   if (date.length <= YEAR_MONTH_FORMAT.length) {
     return {
       year: 'numeric',
       month: 'long',
+      timeZone: 'UTC',
     };
   }
-  return;
+  return {
+    timeZone: 'UTC',
+  };
 };

package/src/components/resources/AllergyIntolerance/AllergyIntolerance.css

@@ -1,4 +0,0 @@
-.fhir-resource__AllergyIntolerance__grouping {
-  display: flex;
-  align-items: center;
-}

package/src/components/resources/CarePlan/CarePlan.css

@@ -1,7 +0,0 @@
-.fhir-resource__CarePlan__activity {
-  margin-bottom: 0.5rem;
-}
-
-.fhir-resource__CarePlan__activity-title {
-  font-weight: bold;
-}