npm - fhir-react - Versions diffs - 0.3.11 → 0.3.12 - Mend

fhir-react 0.3.11 → 0.3.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (43) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "fhir-react",
-  "version": "0.3.11",
+  "version": "0.3.12",
   "description": "React component library for displaying FHIR Resources ",
   "main": "build/index.js",
   "peerDependencies": {

package/src/components/containers/Accordion/Accordion.js CHANGED Viewed

@@ -6,12 +6,16 @@ const CHEVRON_DOWN_COLOR = '#6f83a9';
 const CHEVRON_UP_COLOR = '#2a6fd7';
 const Accordion = props => {
-  const { headerContent, bodyContent, onClick, rawOnClick } = props;
+  const { headerContent, bodyContent, onClick, rawOnClick, customId } = props;
   const [rotate, setRotate] = useState(false);
   const handleAccordionClick = () => setRotate(!rotate);
-  const accordionId = uniqueId(
-    `accordion-type-${headerContent.props.resourceName || 'default'}-`,
-  );
+  const accordionIdText = `accordion-type-${headerContent.props.resourceName ||
+    'default'}-`;
+  const accordionId =
+    typeof customId === 'number'
+      ? `${accordionIdText}${customId}`
+      : uniqueId(accordionIdText);
   const isAccordionOpenable = () => {
     if (bodyContent) {

package/src/components/resources/AdverseEvent/AdverseEvent.js CHANGED Viewed

@@ -77,6 +77,7 @@ const AdverseEvent = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -172,6 +173,7 @@ const AdverseEvent = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/AllergyIntolerance/AllergyIntolerance.js CHANGED Viewed

@@ -51,6 +51,7 @@ const dstu2DTO = fhirResource => {
     asserter,
   };
 };
 const stu3DTO = fhirResource => {
   const title = _get(fhirResource, 'code.coding.0.display');
   const status = _get(fhirResource, 'verificationStatus');
@@ -73,6 +74,7 @@ const stu3DTO = fhirResource => {
     hasNote,
   };
 };
 const r4DTO = fhirResource => {
   const title = _get(fhirResource, 'code.coding.0.display');
   const status = _get(fhirResource, 'verificationStatus.coding[0].display');
@@ -129,6 +131,7 @@ const AllergyIntolerance = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -239,6 +242,7 @@ const AllergyIntolerance = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Appointment/Appointment.js CHANGED Viewed

@@ -150,6 +150,7 @@ const Appointment = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   const {
     description,
@@ -261,6 +262,7 @@ const Appointment = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Binary/Binary.js CHANGED Viewed

@@ -6,7 +6,7 @@ import Accordion from '../../containers/Accordion/Accordion';
 import { Body, Header } from '../../ui';
 const Binary = props => {
-  const { fhirResource, fhirIcons, rawOnClick } = props;
+  const { fhirResource, fhirIcons, rawOnClick, customId } = props;
   const loadBinaryFile = () => {
     switch (fhirResource.contentType) {
@@ -38,6 +38,7 @@ const Binary = props => {
         }
         bodyContent={<Body>{loadBinaryFile()}</Body>}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </div>
   );

package/src/components/resources/CarePlan/CarePlan.js CHANGED Viewed

@@ -75,6 +75,7 @@ const dstu2DTO = fhirResource => {
     hasActivity,
   };
 };
 const stu3DTO = fhirResource => {
   let activity = _get(fhirResource, 'activity');
   const hasActivity = Array.isArray(activity);
@@ -168,6 +169,7 @@ const CarePlan = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -312,6 +314,7 @@ const CarePlan = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/CareTeam/CareTeam.js CHANGED Viewed

@@ -89,6 +89,7 @@ const CareTeam = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   const {
     name,
@@ -174,6 +175,7 @@ const CareTeam = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Claim/Claim.js CHANGED Viewed

@@ -105,6 +105,7 @@ const dstu2DTO = fhirResource => {
     items,
   };
 };
 const stu3DTO = fhirResource => {
   const status = _get(fhirResource, 'status');
   const typeCoding = _get(fhirResource, 'type.coding[0]');
@@ -304,6 +305,7 @@ const Claim = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -489,6 +491,7 @@ const Claim = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/ClaimResponse/ClaimResponse.js CHANGED Viewed

@@ -291,6 +291,7 @@ const ClaimResponse = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -456,6 +457,7 @@ const ClaimResponse = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Condition/Condition.js CHANGED Viewed

@@ -93,6 +93,7 @@ const Condition = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   const {
     codeText,
@@ -164,6 +165,7 @@ const Condition = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Coverage/Coverage.js CHANGED Viewed

@@ -60,6 +60,7 @@ const stu3DTO = fhirResource => {
     hasExtension,
   };
 };
 const r4DTO = fhirResource => {
   const issuer = _get(fhirResource, 'payor.0');
   const planId = _get(fhirResource, 'class.plan');
@@ -120,6 +121,7 @@ const Coverage = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -240,6 +242,7 @@ const Coverage = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Device/Device.js CHANGED Viewed

@@ -42,6 +42,7 @@ const dstu2DTO = fhirResource => {
     getExpiry,
   };
 };
 const stu3DTO = fhirResource => {
   const getUdi = _get(fhirResource, 'udi.name');
   const hasExpiry = _has(fhirResource, 'expirationDate');
@@ -108,6 +109,7 @@ const Device = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -186,6 +188,7 @@ const Device = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/DiagnosticReport/DiagnosticReport.js CHANGED Viewed

@@ -99,6 +99,7 @@ const DiagnosticReport = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -172,6 +173,7 @@ const DiagnosticReport = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/DocumentReference/DocumentReference.js CHANGED Viewed

@@ -222,6 +222,7 @@ const DocumentReference = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -344,6 +345,7 @@ const DocumentReference = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Encounter/Encounter.js CHANGED Viewed

@@ -166,6 +166,7 @@ const Encounter = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -237,6 +238,7 @@ const Encounter = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/ExplanationOfBenefit/ExplanationOfBenefit.js CHANGED Viewed

@@ -235,6 +235,7 @@ const ExplanationOfBenefit = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -517,9 +518,22 @@ const ExplanationOfBenefit = ({
                           return key !== 'sequence' && key !== 'category';
                         },
                       );
-                      const infoStatus = _get(informationItem, infoKey);
-                      const StatusComponent =
-                        infoKey.toString() === 'timingDate' ? Date : Quantity;
+                      let infoStatus = _get(informationItem, infoKey);
+                      let StatusComponent;
+                      switch (infoKey.toString()) {
+                        case 'timingDate':
+                          StatusComponent = Date;
+                          break;
+                        case 'timingPeriod':
+                          StatusComponent = Period;
+                          break;
+                        case 'valueQuantity':
+                          StatusComponent = Quantity;
+                          break;
+                        default:
+                          StatusComponent = Coding;
+                          infoStatus = _get(infoStatus, 'coding', '')[0];
+                      }
                       return (
                         <TableRow key={`serviceItem-${i}`}>
@@ -550,6 +564,7 @@ const ExplanationOfBenefit = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/FamilyMemberHistory/FamilyMemberHistory.js CHANGED Viewed

@@ -76,6 +76,7 @@ const FamilyMemberHistory = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -142,6 +143,7 @@ const FamilyMemberHistory = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Generic/Generic.js CHANGED Viewed

@@ -4,7 +4,13 @@ import _get from 'lodash/get';
 import { Root, Header } from '../../ui';
 import Accordion from '../../containers/Accordion';
-const Generic = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
+const Generic = ({
+  fhirResource,
+  fhirIcons,
+  onClick,
+  rawOnClick,
+  customId,
+}) => {
   const title = fhirResource
     ? `${fhirResource.resourceType}/${fhirResource.id}`
     : `Unknown Resource`;
@@ -31,6 +37,7 @@ const Generic = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Goal/Goal.js CHANGED Viewed

@@ -105,6 +105,7 @@ const Goal = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -235,6 +236,7 @@ const Goal = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Immunization/Immunization.js CHANGED Viewed

@@ -109,6 +109,7 @@ const Immunization = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   const {
     title,
@@ -248,6 +249,7 @@ const Immunization = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

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

@@ -132,6 +132,7 @@ const List = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -293,6 +294,7 @@ const List = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Location/Location.js CHANGED Viewed

@@ -9,7 +9,13 @@ import CodeableConcept from '../../datatypes/CodeableConcept';
 import Reference from '../../datatypes/Reference';
 import Accordion from '../../containers/Accordion';
-const Location = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
+const Location = ({
+  fhirResource,
+  fhirIcons,
+  onClick,
+  rawOnClick,
+  customId,
+}) => {
   const name = _get(fhirResource, 'name');
   const status = _get(fhirResource, 'status');
   const description = _get(fhirResource, 'description');
@@ -83,6 +89,7 @@ const Location = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Medication/Medication.js CHANGED Viewed

@@ -168,6 +168,7 @@ const Medication = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -281,6 +282,7 @@ const Medication = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationAdministration/MedicationAdministration.js CHANGED Viewed

@@ -28,12 +28,11 @@ const commonDTO = fhirResource => {
   return {
     medicationReference,
     dosageRoute,
     status,
   };
 };
 const dstu2DTO = fhirResource => {
   const periodTimeStart = _get(fhirResource, 'effectiveTimePeriod.start');
   const periodTimeEnd = _get(fhirResource, 'effectiveTimePeriod.end');
@@ -50,6 +49,7 @@ const dstu2DTO = fhirResource => {
     dosageQuantity,
   };
 };
 const stu3DTO = fhirResource => {
   const periodTimeStart = _get(fhirResource, 'effectivePeriod.start');
   const periodTimeEnd = _get(fhirResource, 'effectivePeriod.end');
@@ -116,6 +116,7 @@ const MedicationAdministration = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -215,6 +216,7 @@ const MedicationAdministration = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationDispense/MedicationDispense.js CHANGED Viewed

@@ -165,6 +165,7 @@ const MedicationDispense = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -245,6 +246,7 @@ const MedicationDispense = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationKnowledge/MedicationKnowledge.js CHANGED Viewed

@@ -110,6 +110,7 @@ const MedicationKnowledge = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -254,6 +255,7 @@ const MedicationKnowledge = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationOrder/MedicationOrder.js CHANGED Viewed

@@ -8,7 +8,13 @@ import Coding from '../../datatypes/Coding';
 import { Root, Header, Body } from '../../ui';
-const MedicationOrder = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
+const MedicationOrder = ({
+  fhirResource,
+  fhirIcons,
+  onClick,
+  rawOnClick,
+  customId,
+}) => {
   const medicationReference = _get(fhirResource, 'medicationReference');
   const medicationCodeableConcept = _get(
     fhirResource,
@@ -66,6 +72,7 @@ const MedicationOrder = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationRequest/MedicationRequest.js CHANGED Viewed

@@ -14,6 +14,7 @@ const MedicationRequest = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   const medicationReference = _get(fhirResource, 'medicationReference');
   const medicationCodeableConcept = _get(
@@ -94,6 +95,7 @@ const MedicationRequest = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/MedicationStatement/MedicationStatement.js CHANGED Viewed

@@ -113,6 +113,7 @@ const MedicationStatement = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -207,6 +208,7 @@ const MedicationStatement = ({
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Observation/Observation.js CHANGED Viewed

@@ -18,7 +18,13 @@ import {
 } from '../../ui';
 import Reference from '../../datatypes/Reference';
-const Observation = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
+const Observation = ({
+  fhirResource,
+  fhirIcons,
+  onClick,
+  rawOnClick,
+  customId,
+}) => {
   const effectiveDate = _get(fhirResource, 'effectiveDateTime');
   const codeCodingDisplay = _get(fhirResource, 'code.coding.0.display');
   const codeText = _get(fhirResource, 'code.text', '');
@@ -116,6 +122,7 @@ const Observation = ({ fhirResource, fhirIcons, onClick, rawOnClick }) => {
         }
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Organization/Organization.js CHANGED Viewed

@@ -61,6 +61,7 @@ const Organization = ({
   fhirIcons,
   onClick,
   rawOnClick,
+  customId,
 }) => {
   let fhirResourceData = {};
   try {
@@ -135,6 +136,7 @@ const Organization = ({
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );

package/src/components/resources/Patient/Patient.js CHANGED Viewed

@@ -48,6 +48,7 @@ function Patient(props) {
     fhirIcons,
     onClick,
     rawOnClick,
+    customId,
   } = props;
   const id = getId(fhirResource);
@@ -150,6 +151,7 @@ function Patient(props) {
         bodyContent={<Body tableData={tableData} />}
         onClick={onClick}
         rawOnClick={rawOnClick}
+        customId={customId}
       />
     </Root>
   );