Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { createReference, deepClone } from '@medplum/core'; import type { Observation, Reference, Specimen } from '@medplum/fhirtypes'; import { HomerDiagnosticReport } from '@medplum/mock'; import { useMedplum } from '@medplum/react-hooks'; import type { Meta } from '@storybook/react'; import type { JSX } from 'react'; import { useEffect, useState } from 'react'; import { Document } from '../Document/Document'; import { HealthGorillaDiagnosticReport, HealthGorillaObservation1, HealthGorillaObservation2, HealthGorillaObservationGroup1, HealthGorillaObservationGroup2, } from '../stories/healthgorilla'; import { CreatinineObservation, ExampleReport } from '../stories/referenceLab'; import { DiagnosticReportDisplay } from './DiagnosticReportDisplay'; export default { title: 'Medplum/DiagnosticReportDisplay', component: DiagnosticReportDisplay, } as Meta; export const Simple = (): JSX.Element => ( <Document> <DiagnosticReportDisplay value={HomerDiagnosticReport} /> </Document> ); export const WithCategories = (): JSX.Element => { const medplum = useMedplum(); const [loaded, setLoaded] = useState(false); useEffect(() => { (async (): Promise<boolean> => { const obs = await medplum.createResource(CreatinineObservation); ExampleReport.result = [createReference(obs)]; await medplum.updateResource(ExampleReport); return true; })() .then(setLoaded) .catch(console.log); }, [medplum]); if (!loaded) { return <></>; } return ( <Document> <DiagnosticReportDisplay value={ExampleReport} /> </Document> ); }; export const MultipleSpecimens = (): JSX.Element => { const report = deepClone(HomerDiagnosticReport); report.specimen = [HomerDiagnosticReport.specimen?.[0], HomerDiagnosticReport.specimen?.[0]] as Reference<Specimen>[]; return ( <Document> <DiagnosticReportDisplay value={report} /> </Document> ); }; export const HideSpecimenInfo = (): JSX.Element => { return ( <Document> <DiagnosticReportDisplay hideSpecimenInfo value={HomerDiagnosticReport} /> </Document> ); }; export const HideNotes = (): JSX.Element => { const medplum = useMedplum(); const [loaded, setLoaded] = useState(false); useEffect(() => { (async (): Promise<boolean> => { const obs = await medplum.createResource({ ...CreatinineObservation, category: undefined }); (HomerDiagnosticReport.result as Reference<Observation>[]).push(createReference(obs)); await medplum.updateResource(HomerDiagnosticReport); return true; })() .then(setLoaded) .catch(console.log); }, [medplum]); if (!loaded) { return <></>; } return ( <Document> <DiagnosticReportDisplay hideObservationNotes value={HomerDiagnosticReport} /> </Document> ); }; export const ObservationGroups = (): JSX.Element => { const medplum = useMedplum(); const [loaded, setLoaded] = useState(false); useEffect(() => { medplum .createResource(HealthGorillaObservation1) .then(() => medplum.createResource(HealthGorillaObservation2)) .then(() => medplum.createResource(HealthGorillaObservationGroup1)) .then(() => medplum.createResource(HealthGorillaObservationGroup2)) .then(() => medplum.createResource(HealthGorillaDiagnosticReport)) .then(() => setLoaded(true)) .catch(console.log); }, [medplum]); if (!loaded) { return <></>; } return ( <Document> <DiagnosticReportDisplay value={HealthGorillaDiagnosticReport} /> </Document> ); };