Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import type { ElementType, InternalTypeSchema } from '@medplum/core'; import { getDataType, isPopulated, isProfileLoaded, tryGetProfile } from '@medplum/core'; import { useMedplum } from '@medplum/react-hooks'; import type { JSX } from 'react'; import { useContext, useEffect, useMemo, useState } from 'react'; import { BackboneElementDisplay } from '../BackboneElementDisplay/BackboneElementDisplay'; import { ElementsContext } from '../ElementsInput/ElementsInput.utils'; import { ResourcePropertyDisplay } from '../ResourcePropertyDisplay/ResourcePropertyDisplay'; import { getValueAndType } from '../ResourcePropertyDisplay/ResourcePropertyDisplay.utils'; export type ExtensionDisplayProps = { /** The path identifies the element and is expressed as a "."-separated list of ancestor elements, beginning with the name of the resource or extension. */ readonly path: string; readonly elementDefinitionType?: ElementType; readonly value: any; readonly ignoreMissingValues?: boolean; readonly link?: boolean; readonly compact?: boolean; }; export function ExtensionDisplay(props: ExtensionDisplayProps): JSX.Element | null { const { elementDefinitionType } = props; const medplum = useMedplum(); const ctx = useContext(ElementsContext); const [typeSchema, setTypeSchema] = useState<InternalTypeSchema>(getDataType('Extension')); const profileUrl: string | undefined = useMemo(() => { if (!isPopulated(elementDefinitionType?.profile)) { return undefined; } return elementDefinitionType.profile[0] satisfies string; }, [elementDefinitionType]); const [loadingProfile, setLoadingProfile] = useState(profileUrl !== undefined); useEffect(() => { if (profileUrl) { setLoadingProfile(true); medplum .requestProfileSchema(profileUrl) .then(() => { const profile = tryGetProfile(profileUrl); setLoadingProfile(false); if (profile) { setTypeSchema(profile); } }) .catch((reason) => { setLoadingProfile(false); console.warn(reason); }); } }, [medplum, profileUrl]); if (profileUrl && (loadingProfile || !isProfileLoaded(profileUrl))) { return <div>Loading...</div>; } const valueElement = typeSchema.elements['value[x]']; const extensionHasValue = valueElement?.max !== 0; if (extensionHasValue) { const [propertyValue, propertyType] = getValueAndType( { type: 'Extension', value: props.value }, 'value[x]', profileUrl ?? ctx.profileUrl ); return <ResourcePropertyDisplay propertyType={propertyType} value={propertyValue} />; } return ( <BackboneElementDisplay path={props.path} value={{ type: typeSchema.type as string, value: props.value }} compact={props.compact} ignoreMissingValues={props.ignoreMissingValues} link={props.link} profileUrl={profileUrl} /> ); }