Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { NativeSelect } from '@mantine/core'; import type { Reference, ValueSet } from '@medplum/fhirtypes'; import { useResource } from '@medplum/react'; import type { JSX } from 'react'; import classes from './QuickStatus.module.css'; export interface QuickStatusProps { readonly valueSet: Reference<ValueSet> | ValueSet; readonly defaultValue?: string; readonly onChange: (newStatus: string) => void; } export function QuickStatus(props: QuickStatusProps): JSX.Element | null { const valueSet = useResource(props.valueSet); if (!valueSet) { return null; } const options = ['']; const valueSetCodes = valueSet.compose?.include?.[0]?.concept?.map((concept) => concept.code); if (valueSetCodes) { options.push(...(valueSetCodes as string[])); } if (props.defaultValue && !options.includes(props.defaultValue)) { options.push(props.defaultValue); } return ( <div className={classes.container}> <NativeSelect defaultValue={props.defaultValue} onChange={(e) => props.onChange(e.currentTarget.value)} data={options} /> </div> ); }