terra-clinical-result
Version:
The Terra Clinical Result package is a collection of standardized views for presenting clinical results documented to a Patient's Medical Chart, such as Vital Signs, Laboratory Results, and Discretely Documented Values
85 lines (65 loc) • 4.75 kB
text/mdx
import { Badge } from 'terra-clinical-result/package.json?dev-site-package';
import DefaultResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureDefault?dev-site-example';
import DecoratedResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureDecorated?dev-site-example';
import UnverifiedResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureUnverified?dev-site-example';
import ExtraDisplaysResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureExtraDisplays?dev-site-example';
import TruncatedResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureTruncated?dev-site-example';
import InterpretationResults from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureInterpretation?dev-site-example';
import SizeChangeResult from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureChangeSize?dev-site-example';
import KnownNoData from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureKnownNoData?dev-site-example';
import PartialNoData from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressurePartialNoData?dev-site-example';
import KnownErrorAndPartialError from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureKnownErrorAndPartialError?dev-site-example';
import StatusEnteredInError from '../example/clinical-result-blood-pressure/ClinicalResultBloodPressureStatusEnteredInError?dev-site-example';
import ClinicalResultBloodPressureProps from 'terra-clinical-result/src/ClinicalResultBloodPressure?dev-site-props-table';
<Badge />
# Terra Clinical Result Blood Pressure
The Clinical Result is a standardized view for single result values added to a Patient's Medical Chart. This is specifically for Blood Pressure Vital Sign results.
## Getting Started
- Install with [npmjs](https://www.npmjs.com):
- `npm install terra-clinical-result`
<!-- AUTO-GENERATED-CONTENT:START Peer Dependencies -->
## Peer Dependencies
This component requires the following peer dependencies be installed in your app for the component to properly function.
| Peer Dependency | Version |
|-|-|
| react | ^16.8.5 |
| react-dom | ^16.8.5 |
| react-intl | ^2.8.0 |
<!-- AUTO-GENERATED-CONTENT:END -->
## Usage Guide
The blood pressure result is constructed similarly to the single clinical result by providing structured object with a specific construction that follows a similar pattern to the [HL7 FHIR Observation Blood Pressure](https://www.hl7.org/fhir/observation-example-bloodpressure.html) example.
An example of a single blood pressure result value:
```jsx
import { ClinicalResultBloodPressure } from 'terra-clinical-result/lib/index';
```
## Component Features
* [Cross-Browser Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#cross-browser-support)
* [Responsive Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#responsive-support)
* [Mobile Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#mobile-support)
* [LTR/RTL Support](https://engineering.cerner.com/terra-ui/about/terra-ui/component-standards#ltr--rtl)
## Examples
<DefaultResult title="Default Blood Pressure Clinical Result" />
<DecoratedResult title="Modifiied Blood Pressure Clinical Result with Comments" />
<UnverifiedResult title="Unverified Blood Pressure Clinical Result with Hide Unit of Measure" />
<ExtraDisplaysResult title="Clinical Blood Pressure Result with additional displays" />
<InterpretationResults title="Blood Pressure Clinical Results with Intrepretation" />
<SizeChangeResult title="Changing the Blood Pressure Clinical Result Size" />
<TruncatedResult title="Truncated Blood Pressure Clinical Result" />
<KnownNoData
title="Display for 'Known No Result'"
description="Use the 'hasResultNoData' prop to show the 'No Data' display for the Blood Pressure Clinical Result:"
/>
<PartialNoData
title="Display for a Partial 'No Result'"
description="Use the 'resultNoData' property name to show the 'No Data' display for either the Systolic or Diastolic result:"
/>
<KnownErrorAndPartialError
title="Displays for a full 'Known Error' and for partial missing results"
description="Use the 'hasResultError' prop to show the 'Error' display for the full Blood Pressure result. Or if there is a missing Systolic or Diastolic result, that portion will show the error display:"
/>
<StatusEnteredInError
title="Uncharted Result as 'Entered In Error'"
description="Display for when the result status has been set to 'entered-in-error'"
/>
## Clinical-Result-Blood-Pressure Props
<ClinicalResultBloodPressureProps />