UNPKG

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
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 />