@medplum/react 3.0.0 → 3.0.2

package/dist/cjs/index.d.ts

@@ -12,6 +12,7 @@ import { ClientApplication } from '@medplum/fhirtypes';
 import { CodeableConcept } from '@medplum/fhirtypes';
 import { Coding } from '@medplum/fhirtypes';
 import { ComboboxItem } from '@mantine/core';
+import { ComboboxProps } from '@mantine/core';
 import { Communication } from '@medplum/fhirtypes';
 import { Component } from 'react';
 import { ContactDetail } from '@medplum/fhirtypes';
@@ -37,7 +38,6 @@ import { MemoExoticComponent } from 'react';
 import { Money } from '@medplum/fhirtypes';
 import { MouseEvent as MouseEvent_2 } from 'react';
 import { MouseEventHandler } from 'react';
-import { MultiSelectProps } from '@mantine/core';
 import { Observation } from '@medplum/fhirtypes';
 import { ObservationDefinition } from '@medplum/fhirtypes';
 import { ObservationDefinitionQualifiedInterval } from '@medplum/fhirtypes';
@@ -72,7 +72,6 @@ import { Task } from '@medplum/fhirtypes';
 import { TextProps } from '@mantine/core';
 import { Timing } from '@medplum/fhirtypes';
 import { TypedValue } from '@medplum/core';
-import { UserConfiguration } from '@medplum/fhirtypes';
 import { ValueSetExpandParams } from '@medplum/core';
 import { ValueSetExpansionContains } from '@medplum/fhirtypes';
 
@@ -133,7 +132,7 @@ export declare function addNextMonthFilter(definition: SearchRequest, field: str
 export declare function AddressDisplay(props: AddressDisplayProps): JSX.Element | null;
 
 export declare interface AddressDisplayProps {
-    value?: Address;
+    readonly value?: Address;
 }
 
 export declare function AddressInput(props: AddressInputProps): JSX.Element;
@@ -183,32 +182,36 @@ export declare function addYesterdayFilter(definition: SearchRequest, field: str
 export declare function AnnotationInput(props: AnnotationInputProps): JSX.Element;
 
 export declare interface AnnotationInputProps {
-    name: string;
-    defaultValue?: Annotation;
-    onChange?: (value: Annotation) => void;
+    readonly name: string;
+    readonly defaultValue?: Annotation;
+    readonly onChange?: (value: Annotation) => void;
 }
 
 export declare function AppShell(props: AppShellProps): JSX.Element;
 
 export declare interface AppShellProps {
-    logo: ReactNode;
-    pathname?: string;
-    searchParams?: URLSearchParams;
-    headerSearchDisabled?: boolean;
-    version?: string;
-    menus?: NavbarMenu[];
-    children: ReactNode;
-    displayAddBookmark?: boolean;
-    resourceTypeSearchDisabled?: boolean;
+    readonly logo: ReactNode;
+    readonly pathname?: string;
+    readonly searchParams?: URLSearchParams;
+    readonly headerSearchDisabled?: boolean;
+    readonly version?: string;
+    readonly menus?: NavbarMenu[];
+    readonly children: ReactNode;
+    readonly displayAddBookmark?: boolean;
+    readonly resourceTypeSearchDisabled?: boolean;
 }
 
 export declare function AsyncAutocomplete<T>(props: AsyncAutocompleteProps<T>): JSX.Element;
 
 export declare interface AsyncAutocompleteOption<T> extends ComboboxItem {
-    resource: T;
+    readonly resource: T;
 }
 
-export declare interface AsyncAutocompleteProps<T> extends Omit<MultiSelectProps, 'data' | 'defaultValue' | 'loadOptions' | 'onChange' | 'onCreate' | 'searchable'> {
+export declare interface AsyncAutocompleteProps<T> extends Omit<ComboboxProps, 'data' | 'defaultValue' | 'loadOptions' | 'onChange' | 'onCreate' | 'searchable'> {
+    readonly name?: string;
+    readonly label?: ReactNode;
+    readonly description?: ReactNode;
+    readonly error?: ReactNode;
     readonly defaultValue?: T | T[];
     readonly toOption: (item: T) => AsyncAutocompleteOption<T>;
     readonly loadOptions: (input: string, signal: AbortSignal) => Promise<T[]>;
@@ -216,31 +219,37 @@ export declare interface AsyncAutocompleteProps<T> extends Omit<MultiSelectProps
     readonly onChange: (item: T[]) => void;
     readonly onCreate?: (input: string) => T;
     readonly creatable?: boolean;
+    readonly clearable?: boolean;
+    readonly required?: boolean;
+    readonly className?: string;
+    readonly placeholder?: string;
+    readonly leftSection?: ReactNode;
+    readonly maxValues?: number;
 }
 
 export declare function AttachmentArrayDisplay(props: AttachmentArrayDisplayProps): JSX.Element;
 
 export declare interface AttachmentArrayDisplayProps {
-    values?: Attachment[];
-    maxWidth?: number;
+    readonly values?: Attachment[];
+    readonly maxWidth?: number;
 }
 
 export declare function AttachmentArrayInput(props: AttachmentArrayInputProps): JSX.Element;
 
 export declare interface AttachmentArrayInputProps {
-    name: string;
-    defaultValue?: Attachment[];
-    arrayElement?: boolean;
-    onChange?: (value: Attachment[]) => void;
+    readonly name: string;
+    readonly defaultValue?: Attachment[];
+    readonly arrayElement?: boolean;
+    readonly onChange?: (value: Attachment[]) => void;
 }
 
 export declare function AttachmentButton(props: AttachmentButtonProps): JSX.Element;
 
 export declare interface AttachmentButtonProps {
-    onUpload: (attachment: Attachment) => void;
-    onUploadStart?: () => void;
-    onUploadProgress?: (e: ProgressEvent) => void;
-    onUploadError?: (outcome: OperationOutcome) => void;
+    readonly onUpload: (attachment: Attachment) => void;
+    readonly onUploadStart?: () => void;
+    readonly onUploadProgress?: (e: ProgressEvent) => void;
+    readonly onUploadError?: (outcome: OperationOutcome) => void;
     children(props: {
         onClick(e: MouseEvent_2): void;
     }): ReactNode;
@@ -249,41 +258,41 @@ export declare interface AttachmentButtonProps {
 export declare function AttachmentDisplay(props: AttachmentDisplayProps): JSX.Element | null;
 
 export declare interface AttachmentDisplayProps {
-    value?: Attachment;
-    maxWidth?: number;
+    readonly value?: Attachment;
+    readonly maxWidth?: number;
 }
 
 export declare function AttachmentInput(props: AttachmentInputProps): JSX.Element;
 
 export declare interface AttachmentInputProps {
-    name: string;
-    defaultValue?: Attachment;
-    arrayElement?: boolean;
-    onChange?: (value: Attachment | undefined) => void;
+    readonly name: string;
+    readonly defaultValue?: Attachment;
+    readonly arrayElement?: boolean;
+    readonly onChange?: (value: Attachment | undefined) => void;
 }
 
 export declare function BackboneElementDisplay(props: BackboneElementDisplayProps): JSX.Element | null;
 
 export declare interface BackboneElementDisplayProps {
-    value: TypedValue;
-    compact?: boolean;
-    ignoreMissingValues?: boolean;
-    link?: boolean;
+    readonly value: TypedValue;
+    readonly compact?: boolean;
+    readonly ignoreMissingValues?: boolean;
+    readonly link?: boolean;
 }
 
 export declare function BackboneElementInput(props: BackboneElementInputProps): JSX.Element;
 
 export declare interface BackboneElementInputProps {
     /** Type name the backbone element represents */
-    typeName: string;
+    readonly typeName: string;
     /** (optional) The contents of the resource represented by the backbone element */
-    defaultValue?: any;
+    readonly defaultValue?: any;
     /** (optional) OperationOutcome from the last attempted system action*/
-    outcome?: OperationOutcome;
+    readonly outcome?: OperationOutcome;
     /** (optional) callback function that is called when the value of the backbone element changes */
-    onChange?: (value: any) => void;
+    readonly onChange?: (value: any) => void;
     /** (optional) Profile URL of the structure definition represented by the backbone element */
-    profileUrl?: string;
+    readonly profileUrl?: string;
 }
 
 /**
@@ -300,21 +309,21 @@ export declare function buildInitialResponseItem(item: QuestionnaireItem): Quest
 export declare function CalendarInput(props: CalendarInputProps): JSX.Element;
 
 export declare interface CalendarInputProps {
-    slots: Slot[];
-    onChangeMonth: (date: Date) => void;
-    onClick: (date: Date) => void;
+    readonly slots: Slot[];
+    readonly onChangeMonth: (date: Date) => void;
+    readonly onClick: (date: Date) => void;
 }
 
 export declare function CheckboxFormSection(props: CheckboxFormSectionProps): JSX.Element;
 
 export declare interface CheckboxFormSectionProps {
-    htmlFor?: string;
-    title?: string;
-    description?: string;
-    withAsterisk?: boolean;
-    children?: ReactNode;
-    testId?: string;
-    fhirPath?: string;
+    readonly htmlFor?: string;
+    readonly title?: string;
+    readonly description?: string;
+    readonly withAsterisk?: boolean;
+    readonly children?: ReactNode;
+    readonly testId?: string;
+    readonly fhirPath?: string;
 }
 
 /**
@@ -335,34 +344,34 @@ export declare function clearFiltersOnField(definition: SearchRequest, code: str
 export declare function CodeableConceptDisplay(props: CodeableConceptDisplayProps): JSX.Element;
 
 export declare interface CodeableConceptDisplayProps {
-    value?: CodeableConcept;
+    readonly value?: CodeableConcept;
 }
 
 export declare function CodeableConceptInput(props: CodeableConceptInputProps): JSX.Element;
 
 export declare interface CodeableConceptInputProps extends Omit<ValueSetAutocompleteProps, 'defaultValue' | 'onChange'> {
-    defaultValue?: CodeableConcept;
-    onChange?: (value: CodeableConcept | undefined) => void;
+    readonly defaultValue?: CodeableConcept;
+    readonly onChange?: (value: CodeableConcept | undefined) => void;
 }
 
 export declare function CodeInput(props: CodeInputProps): JSX.Element;
 
 export declare interface CodeInputProps extends Omit<ValueSetAutocompleteProps, 'defaultValue' | 'onChange'> {
-    defaultValue?: string;
-    onChange?: (value: string | undefined) => void;
+    readonly defaultValue?: string;
+    readonly onChange?: (value: string | undefined) => void;
 }
 
 export declare function CodingDisplay(props: CodingDisplayProps): JSX.Element;
 
 export declare interface CodingDisplayProps {
-    value?: Coding;
+    readonly value?: Coding;
 }
 
 export declare function CodingInput(props: CodingInputProps): JSX.Element;
 
 export declare interface CodingInputProps extends Omit<ValueSetAutocompleteProps, 'defaultValue' | 'onChange'> {
-    defaultValue?: Coding;
-    onChange?: (value: Coding | undefined) => void;
+    readonly defaultValue?: Coding;
+    readonly onChange?: (value: Coding | undefined) => void;
 }
 
 export declare interface ComplexTypeInputProps<ValueType> {
@@ -376,7 +385,7 @@ export declare interface ComplexTypeInputProps<ValueType> {
 export declare function ContactDetailDisplay(props: ContactDetailDisplayProps): JSX.Element | null;
 
 export declare interface ContactDetailDisplayProps {
-    value?: ContactDetail;
+    readonly value?: ContactDetail;
 }
 
 export declare function ContactDetailInput(props: ContactDetailInputProps): JSX.Element;
@@ -386,13 +395,13 @@ export declare type ContactDetailInputProps = ComplexTypeInputProps<ContactDetai
 export declare function ContactPointDisplay(props: ContactPointDisplayProps): JSX.Element | null;
 
 export declare interface ContactPointDisplayProps {
-    value?: ContactPoint;
+    readonly value?: ContactPoint;
 }
 
 export declare function ContactPointInput(props: ContactPointInputProps): JSX.Element;
 
 export declare type ContactPointInputProps = ComplexTypeInputProps<ContactPoint> & {
-    onChange: ((value: ContactPoint | undefined) => void) | undefined;
+    readonly onChange: ((value: ContactPoint | undefined) => void) | undefined;
 };
 
 export declare function Container(props: ContainerProps): JSX.Element;
@@ -429,19 +438,19 @@ export declare function createScriptTag(src: string, onload?: () => void): void;
 export declare function DateTimeInput(props: DateTimeInputProps): JSX.Element;
 
 export declare interface DateTimeInputProps {
-    name?: string;
-    placeholder?: string;
-    defaultValue?: string;
-    autoFocus?: boolean;
-    required?: boolean;
-    outcome?: OperationOutcome;
-    onChange?: (value: string) => void;
+    readonly name?: string;
+    readonly placeholder?: string;
+    readonly defaultValue?: string;
+    readonly autoFocus?: boolean;
+    readonly required?: boolean;
+    readonly outcome?: OperationOutcome;
+    readonly onChange?: (value: string) => void;
 }
 
 export declare function DefaultResourceTimeline(props: DefaultResourceTimelineProps): JSX.Element;
 
 export declare interface DefaultResourceTimelineProps {
-    resource: Resource | Reference;
+    readonly resource: Resource | Reference;
 }
 
 /**
@@ -457,13 +466,13 @@ export declare function DescriptionList(props: DescriptionListProps): JSX.Elemen
 export declare function DescriptionListEntry(props: DescriptionListEntryProps): JSX.Element;
 
 export declare interface DescriptionListEntryProps {
-    term: string;
-    children: ReactNode;
+    readonly term: string;
+    readonly children: ReactNode;
 }
 
 export declare interface DescriptionListProps {
-    children: ReactNode;
-    compact?: boolean;
+    readonly children: ReactNode;
+    readonly compact?: boolean;
 }
 
 export declare function DiagnosticReportDisplay(props: DiagnosticReportDisplayProps): JSX.Element | null;
@@ -473,9 +482,9 @@ export declare namespace DiagnosticReportDisplay {
 }
 
 export declare interface DiagnosticReportDisplayProps {
-    value?: DiagnosticReport | Reference<DiagnosticReport>;
-    hideObservationNotes?: boolean;
-    hideSpecimenInfo?: boolean;
+    readonly value?: DiagnosticReport | Reference<DiagnosticReport>;
+    readonly hideObservationNotes?: boolean;
+    readonly hideSpecimenInfo?: boolean;
 }
 
 declare function Document_2(props: PanelProps): JSX.Element;
@@ -484,27 +493,27 @@ export { Document_2 as Document }
 export declare function ElementDefinitionInputSelector(props: ElementDefinitionSelectorProps): JSX.Element;
 
 export declare interface ElementDefinitionSelectorProps extends ResourcePropertyInputProps {
-    elementDefinitionTypes: ElementDefinitionType[];
+    readonly elementDefinitionTypes: ElementDefinitionType[];
 }
 
 export declare function ElementDefinitionTypeInput(props: ElementDefinitionTypeInputProps): JSX.Element;
 
 export declare type ElementDefinitionTypeInputProps = {
-    name: ResourcePropertyInputProps['name'];
-    path: string;
-    defaultValue: ResourcePropertyInputProps['defaultValue'];
-    onChange: ResourcePropertyInputProps['onChange'];
-    outcome: ResourcePropertyInputProps['outcome'];
-    elementDefinitionType: ElementDefinitionType;
-    min: number;
-    max: number;
-    binding: ElementDefinitionBinding | undefined;
+    readonly name: ResourcePropertyInputProps['name'];
+    readonly path: string;
+    readonly defaultValue: ResourcePropertyInputProps['defaultValue'];
+    readonly onChange: ResourcePropertyInputProps['onChange'];
+    readonly outcome: ResourcePropertyInputProps['outcome'];
+    readonly elementDefinitionType: ElementDefinitionType;
+    readonly min: number;
+    readonly max: number;
+    readonly binding: ElementDefinitionBinding | undefined;
 };
 
 export declare function EncounterTimeline(props: EncounterTimelineProps): JSX.Element;
 
 export declare interface EncounterTimelineProps {
-    encounter: Encounter | Reference<Encounter>;
+    readonly encounter: Encounter | Reference<Encounter>;
 }
 
 /**
@@ -512,22 +521,22 @@ export declare interface EncounterTimelineProps {
  * See: https://reactjs.org/docs/error-boundaries.html
  */
 export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    state: ErrorBoundaryState;
+    readonly state: ErrorBoundaryState;
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidUpdate(_prevProps: Readonly<ErrorBoundaryProps>, _prevState: Readonly<ErrorBoundaryState>): void;
-    shouldComponentUpdate(nextProps: Readonly<ErrorBoundaryProps>, nextState: Readonly<ErrorBoundaryState>): boolean;
+    componentDidUpdate(_prevProps: ErrorBoundaryProps, _prevState: ErrorBoundaryState): void;
+    shouldComponentUpdate(nextProps: ErrorBoundaryProps, nextState: ErrorBoundaryState): boolean;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
     render(): ReactNode;
 }
 
 export declare interface ErrorBoundaryProps {
-    children: ReactNode;
+    readonly children: ReactNode;
 }
 
 export declare interface ErrorBoundaryState {
-    error?: Error;
-    lastLocation: string;
+    readonly error?: Error;
+    readonly lastLocation: string;
 }
 
 /**
@@ -544,13 +553,13 @@ export declare interface FhirPathTableField {
 }
 
 export declare interface FhirPathTableProps {
-    resourceType: string;
-    query: string;
-    fields: FhirPathTableField[];
-    checkboxesEnabled?: boolean;
-    onClick?: (e: SearchClickEvent) => void;
-    onAuxClick?: (e: SearchClickEvent) => void;
-    onBulk?: (ids: string[]) => void;
+    readonly resourceType: string;
+    readonly query: string;
+    readonly fields: FhirPathTableField[];
+    readonly checkboxesEnabled?: boolean;
+    readonly onClick?: (e: SearchClickEvent) => void;
+    readonly onAuxClick?: (e: SearchClickEvent) => void;
+    readonly onBulk?: (ids: string[]) => void;
 }
 
 export declare function Form(props: FormProps): JSX.Element;
@@ -558,23 +567,23 @@ export declare function Form(props: FormProps): JSX.Element;
 export declare function formatReferenceString(typedValue: TypedValue): string;
 
 export declare interface FormProps {
-    onSubmit?: (formData: Record<string, string>) => void;
-    style?: CSSProperties;
-    children?: ReactNode;
-    testid?: string;
+    readonly onSubmit?: (formData: Record<string, string>) => void;
+    readonly style?: CSSProperties;
+    readonly children?: ReactNode;
+    readonly testid?: string;
 }
 
 export declare function FormSection(props: FormSectionProps): JSX.Element;
 
 export declare interface FormSectionProps {
-    title?: string;
-    htmlFor?: string;
-    description?: string;
-    withAsterisk?: boolean;
-    outcome?: OperationOutcome;
-    children?: ReactNode;
-    testId?: string;
-    fhirPath?: string;
+    readonly title?: string;
+    readonly htmlFor?: string;
+    readonly description?: string;
+    readonly withAsterisk?: boolean;
+    readonly outcome?: OperationOutcome;
+    readonly children?: ReactNode;
+    readonly testId?: string;
+    readonly fhirPath?: string;
 }
 
 export declare function getErrorsForInput(outcome: OperationOutcome | undefined, expression: string | undefined): string | undefined;
@@ -642,19 +651,19 @@ export declare function getSortField(definition: SearchRequest): string | undefi
 export declare function Header(props: HeaderProps): JSX.Element;
 
 export declare interface HeaderProps {
-    pathname?: string;
-    searchParams?: URLSearchParams;
-    headerSearchDisabled?: boolean;
-    logo: ReactNode;
-    version?: string;
-    navbarToggle: () => void;
+    readonly pathname?: string;
+    readonly searchParams?: URLSearchParams;
+    readonly headerSearchDisabled?: boolean;
+    readonly logo: ReactNode;
+    readonly version?: string;
+    readonly navbarToggle: () => void;
 }
 
 export declare function HumanNameDisplay(props: HumanNameDisplayProps): JSX.Element | null;
 
 export declare interface HumanNameDisplayProps {
-    value?: HumanName;
-    options?: HumanNameFormatOptions;
+    readonly value?: HumanName;
+    readonly options?: HumanNameFormatOptions;
 }
 
 export declare function HumanNameInput(props: HumanNameInputProps): JSX.Element;
@@ -664,7 +673,7 @@ export declare type HumanNameInputProps = ComplexTypeInputProps<HumanName>;
 export declare function IdentifierDisplay(props: IdentifierDisplayProps): JSX.Element;
 
 export declare interface IdentifierDisplayProps {
-    value?: Identifier;
+    readonly value?: Identifier;
 }
 
 export declare function IdentifierInput(props: IdentifierInputProps): JSX.Element;
@@ -697,8 +706,8 @@ export declare function Loading(): JSX.Element;
 export declare function Logo(props: LogoProps): JSX.Element;
 
 export declare interface LogoProps {
-    size: number;
-    fill?: string;
+    readonly size: number;
+    readonly fill?: string;
 }
 
 export declare function MeasureReportDisplay(props: MeasureReportDisplayProps): JSX.Element | null;
@@ -717,11 +726,11 @@ export declare interface MedplumContext {
 export declare function MedplumLink(props: MedplumLinkProps): JSX.Element;
 
 export declare interface MedplumLinkProps extends TextProps {
-    to?: Resource | Reference | string;
-    suffix?: string;
-    label?: string;
-    onClick?: MouseEventHandler;
-    children: ReactNode;
+    readonly to?: Resource | Reference | string;
+    readonly suffix?: string;
+    readonly label?: string;
+    readonly onClick?: MouseEventHandler;
+    readonly children: ReactNode;
 }
 
 /**
@@ -736,9 +745,9 @@ export declare interface MedplumLinkProps extends TextProps {
 export declare function MedplumProvider(props: MedplumProviderProps): JSX.Element;
 
 export declare interface MedplumProviderProps {
-    medplum: MedplumClient;
-    navigate?: MepdlumNavigateFunction;
-    children: ReactNode;
+    readonly medplum: MedplumClient;
+    readonly navigate?: MepdlumNavigateFunction;
+    readonly children: ReactNode;
 }
 
 export declare const MemoizedFhirPathTable: MemoExoticComponent<typeof FhirPathTable>;
@@ -750,67 +759,73 @@ export declare type MepdlumNavigateFunction = (path: string) => void;
 export declare function MoneyDisplay(props: MoneyDisplayProps): JSX.Element | null;
 
 export declare interface MoneyDisplayProps {
-    value?: Money;
+    readonly value?: Money;
 }
 
 export declare function MoneyInput(props: MoneyInputProps): JSX.Element;
 
 export declare interface MoneyInputProps {
-    name: string;
-    label?: string;
-    placeholder?: string;
-    defaultValue?: Money;
-    onChange?: (value: Money) => void;
+    readonly name: string;
+    readonly label?: string;
+    readonly placeholder?: string;
+    readonly defaultValue?: Money;
+    readonly onChange?: (value: Money) => void;
 }
 
 export declare function Navbar(props: NavbarProps): JSX.Element;
 
 export declare interface NavbarLink {
-    icon?: JSX.Element;
-    label?: string;
-    href: string;
+    readonly icon?: JSX.Element;
+    readonly label?: string;
+    readonly href: string;
 }
 
 export declare interface NavbarMenu {
-    title?: string;
-    links?: NavbarLink[];
+    readonly title?: string;
+    readonly links?: NavbarLink[];
 }
 
 export declare interface NavbarProps {
-    pathname?: string;
-    searchParams?: URLSearchParams;
-    menus?: NavbarMenu[];
-    closeNavbar: () => void;
-    displayAddBookmark?: boolean;
-    resourceTypeSearchDisabled?: boolean;
+    readonly pathname?: string;
+    readonly searchParams?: URLSearchParams;
+    readonly menus?: NavbarMenu[];
+    readonly closeNavbar: () => void;
+    readonly displayAddBookmark?: boolean;
+    readonly resourceTypeSearchDisabled?: boolean;
+}
+
+export declare function NoteDisplay({ value }: NoteDisplayProps): JSX.Element | null;
+
+export declare interface NoteDisplayProps {
+    readonly value?: Annotation[];
 }
 
 export declare function ObservationTable(props: ObservationTableProps): JSX.Element;
 
 export declare interface ObservationTableProps {
-    value?: Observation[] | Reference<Observation>[];
-    ancestorIds?: string[];
-    hideObservationNotes?: boolean;
+    readonly value?: Observation[] | Reference<Observation>[];
+    readonly ancestorIds?: string[];
+    readonly hideObservationNotes?: boolean;
 }
 
 export declare function OperationOutcomeAlert(props: OperationOutcomeAlertProps): JSX.Element | null;
 
 export declare interface OperationOutcomeAlertProps {
-    outcome?: OperationOutcome;
-    issues?: OperationOutcomeIssue[];
+    readonly outcome?: OperationOutcome;
+    readonly issues?: OperationOutcomeIssue[];
 }
 
 export declare function Panel(props: PanelProps): JSX.Element;
 
 export declare interface PanelProps extends PaperProps {
-    width?: number;
-    fill?: boolean;
-    children?: React.ReactNode;
+    readonly width?: number;
+    readonly fill?: boolean;
+    readonly children?: React.ReactNode;
 }
 
 export declare interface PanelStylesParams {
-    width?: number;
-    fill?: boolean;
+    readonly width?: number;
+    readonly fill?: boolean;
 }
 
 /**
@@ -830,49 +845,49 @@ export declare interface PatientSummaryProps extends Omit<CardProps, 'children'>
 export declare function PatientTimeline(props: PatientTimelineProps): JSX.Element;
 
 export declare interface PatientTimelineProps {
-    patient: Patient | Reference<Patient>;
+    readonly patient: Patient | Reference<Patient>;
 }
 
 export declare function PlanDefinitionBuilder(props: PlanDefinitionBuilderProps): JSX.Element | null;
 
 export declare interface PlanDefinitionBuilderProps {
-    value: Partial<PlanDefinition> | Reference<PlanDefinition>;
-    onSubmit: (result: PlanDefinition) => void;
+    readonly value: Partial<PlanDefinition> | Reference<PlanDefinition>;
+    readonly onSubmit: (result: PlanDefinition) => void;
 }
 
 export declare function QuantityDisplay(props: QuantityDisplayProps): JSX.Element | null;
 
 export declare interface QuantityDisplayProps {
-    value?: Quantity;
+    readonly value?: Quantity;
 }
 
 export declare function QuantityInput(props: QuantityInputProps): JSX.Element;
 
 export declare interface QuantityInputProps {
-    name: string;
-    defaultValue?: Quantity;
-    autoFocus?: boolean;
-    required?: boolean;
-    onChange?: (value: Quantity) => void;
-    disableWheel?: boolean;
+    readonly name: string;
+    readonly defaultValue?: Quantity;
+    readonly autoFocus?: boolean;
+    readonly required?: boolean;
+    readonly onChange?: (value: Quantity) => void;
+    readonly disableWheel?: boolean;
 }
 
 export declare function QuestionnaireBuilder(props: QuestionnaireBuilderProps): JSX.Element | null;
 
 export declare interface QuestionnaireBuilderProps {
-    questionnaire: Partial<Questionnaire> | Reference<Questionnaire>;
-    onSubmit: (result: Questionnaire) => void;
-    autoSave?: boolean;
+    readonly questionnaire: Partial<Questionnaire> | Reference<Questionnaire>;
+    readonly onSubmit: (result: Questionnaire) => void;
+    readonly autoSave?: boolean;
 }
 
 export declare function QuestionnaireForm(props: QuestionnaireFormProps): JSX.Element | null;
 
 export declare interface QuestionnaireFormProps {
-    questionnaire: Questionnaire | Reference<Questionnaire>;
-    subject?: Reference;
-    encounter?: Reference<Encounter>;
-    submitButtonText?: string;
-    onSubmit: (response: QuestionnaireResponse) => void;
+    readonly questionnaire: Questionnaire | Reference<Questionnaire>;
+    readonly subject?: Reference;
+    readonly encounter?: Reference<Encounter>;
+    readonly submitButtonText?: string;
+    readonly onSubmit: (response: QuestionnaireResponse) => void;
 }
 
 export declare enum QuestionnaireItemType {
@@ -898,7 +913,7 @@ export declare enum QuestionnaireItemType {
 export declare function RangeDisplay(props: RangeDisplayProps): JSX.Element | null;
 
 export declare interface RangeDisplayProps {
-    value?: Range_2;
+    readonly value?: Range_2;
 }
 
 /**
@@ -910,9 +925,9 @@ export declare interface RangeDisplayProps {
 export declare function RangeInput(props: RangeInputProps): JSX.Element;
 
 export declare interface RangeInputProps {
-    name: string;
-    defaultValue?: Range_2;
-    onChange?: (value: Range_2) => void;
+    readonly name: string;
+    readonly defaultValue?: Range_2;
+    readonly onChange?: (value: Range_2) => void;
 }
 
 export declare const reactContext: Context<MedplumContext | undefined>;
@@ -920,28 +935,28 @@ export declare const reactContext: Context<MedplumContext | undefined>;
 export declare function ReferenceDisplay(props: ReferenceDisplayProps): JSX.Element | null;
 
 export declare interface ReferenceDisplayProps {
-    value?: Reference;
-    link?: boolean;
+    readonly value?: Reference;
+    readonly link?: boolean;
 }
 
 export declare function ReferenceInput(props: ReferenceInputProps): JSX.Element;
 
 export declare interface ReferenceInputProps {
-    name: string;
-    placeholder?: string;
-    defaultValue?: Reference;
-    targetTypes?: string[];
-    searchCriteria?: Record<string, string>;
-    autoFocus?: boolean;
-    required?: boolean;
-    onChange?: (value: Reference | undefined) => void;
+    readonly name: string;
+    readonly placeholder?: string;
+    readonly defaultValue?: Reference;
+    readonly targetTypes?: string[];
+    readonly searchCriteria?: Record<string, string>;
+    readonly autoFocus?: boolean;
+    readonly required?: boolean;
+    readonly onChange?: (value: Reference | undefined) => void;
 }
 
 export declare function ReferenceRangeEditor(props: ReferenceRangeEditorProps): JSX.Element;
 
 export declare interface ReferenceRangeEditorProps {
-    definition: ObservationDefinition;
-    onSubmit: (result: ObservationDefinition) => void;
+    readonly definition: ObservationDefinition;
+    readonly onSubmit: (result: ObservationDefinition) => void;
 }
 
 export declare function ReferenceRangeGroupEditor(props: ReferenceRangeGroupEditorProps): JSX.Element;
@@ -951,12 +966,12 @@ export declare function ReferenceRangeGroupEditor(props: ReferenceRangeGroupEdit
  * that have the same filter values
  */
 export declare interface ReferenceRangeGroupEditorProps {
-    intervalGroup: IntervalGroup;
-    unit: string | undefined;
-    onChange: (groupId: string, changed: ObservationDefinitionQualifiedInterval) => void;
-    onAdd: (groupId: string, added: ObservationDefinitionQualifiedInterval) => void;
-    onRemove: (groupId: string, removed: ObservationDefinitionQualifiedInterval) => void;
-    onRemoveGroup: (removedGroup: IntervalGroup) => void;
+    readonly intervalGroup: IntervalGroup;
+    readonly unit: string | undefined;
+    readonly onChange: (groupId: string, changed: ObservationDefinitionQualifiedInterval) => void;
+    readonly onAdd: (groupId: string, added: ObservationDefinitionQualifiedInterval) => void;
+    readonly onRemove: (groupId: string, removed: ObservationDefinitionQualifiedInterval) => void;
+    readonly onRemoveGroup: (removedGroup: IntervalGroup) => void;
 }
 
 export declare function RegisterForm(props: RegisterFormProps): JSX.Element;
@@ -982,82 +997,81 @@ export declare function renderValue(resource: Resource, field: SearchControlFiel
 export declare function RequestGroupDisplay(props: RequestGroupDisplayProps): JSX.Element | null;
 
 export declare interface RequestGroupDisplayProps {
-    value?: RequestGroup | Reference<RequestGroup>;
-    onStart: (task: Task, input: Reference) => void;
-    onEdit: (task: Task, input: Reference, output: Reference) => void;
+    readonly value?: RequestGroup | Reference<RequestGroup>;
+    readonly onStart: (task: Task, input: Reference) => void;
+    readonly onEdit: (task: Task, input: Reference, output: Reference) => void;
 }
 
 export declare function ResourceArrayDisplay(props: ResourceArrayDisplayProps): JSX.Element;
 
 export declare interface ResourceArrayDisplayProps {
-    property: InternalSchemaElement;
-    values: any[];
-    arrayElement?: boolean;
-    ignoreMissingValues?: boolean;
-    link?: boolean;
+    readonly property: InternalSchemaElement;
+    readonly values: any[];
+    readonly arrayElement?: boolean;
+    readonly ignoreMissingValues?: boolean;
+    readonly link?: boolean;
 }
 
-export declare function ResourceArrayInput(props: Readonly<ResourceArrayInputProps>): JSX.Element;
+export declare function ResourceArrayInput(props: ResourceArrayInputProps): JSX.Element;
 
 export declare interface ResourceArrayInputProps {
-    property: InternalSchemaElement;
-    name: string;
-    defaultValue?: any[];
-    indent?: boolean;
-    arrayElement?: boolean;
-    outcome: OperationOutcome | undefined;
-    onChange?: (value: any[]) => void;
-    hideNonSliceValues?: boolean;
+    readonly property: InternalSchemaElement;
+    readonly name: string;
+    readonly defaultValue?: any[];
+    readonly indent?: boolean;
+    readonly outcome: OperationOutcome | undefined;
+    readonly onChange?: (value: any[]) => void;
+    readonly hideNonSliceValues?: boolean;
 }
 
 export declare function ResourceAvatar(props: ResourceAvatarProps): JSX.Element;
 
 export declare interface ResourceAvatarProps extends AvatarProps {
-    value?: Reference | Resource;
-    link?: boolean;
+    readonly value?: Reference | Resource;
+    readonly link?: boolean;
 }
 
 export declare function ResourceBadge(props: ResourceBadgeProps): JSX.Element;
 
 export declare interface ResourceBadgeProps {
-    value?: Reference | Resource;
-    link?: boolean;
+    readonly value?: Reference | Resource;
+    readonly link?: boolean;
 }
 
 export declare function ResourceBlame(props: ResourceBlameProps): JSX.Element | null;
 
 export declare interface ResourceBlameProps {
-    history?: Bundle;
-    resourceType?: ResourceType;
-    id?: string;
+    readonly history?: Bundle;
+    readonly resourceType?: ResourceType;
+    readonly id?: string;
 }
 
 export declare function ResourceDiff(props: ResourceDiffProps): JSX.Element;
 
 export declare interface ResourceDiffProps {
-    original: Resource;
-    revised: Resource;
-    ignoreMeta?: boolean;
+    readonly original: Resource;
+    readonly revised: Resource;
+    readonly ignoreMeta?: boolean;
 }
 
 export declare function ResourceForm(props: ResourceFormProps): JSX.Element;
 
 export declare interface ResourceFormProps {
-    defaultValue: Partial<Resource> | Reference;
-    outcome?: OperationOutcome;
-    onSubmit: (resource: Resource) => void;
-    onDelete?: (resource: Resource) => void;
-    schemaName?: string;
+    readonly defaultValue: Partial<Resource> | Reference;
+    readonly outcome?: OperationOutcome;
+    readonly onSubmit: (resource: Resource) => void;
+    readonly onDelete?: (resource: Resource) => void;
+    readonly schemaName?: string;
     /** (optional) URL of the resource profile used to display the form. Takes priority over schemaName. */
-    profileUrl?: string;
+    readonly profileUrl?: string;
 }
 
 export declare function ResourceHistoryTable(props: ResourceHistoryTableProps): JSX.Element;
 
 export declare interface ResourceHistoryTableProps {
-    history?: Bundle;
-    resourceType?: string;
-    id?: string;
+    readonly history?: Bundle;
+    readonly resourceType?: string;
+    readonly id?: string;
 }
 
 export declare function ResourceInput<T extends Resource = Resource>(props: ResourceInputProps<T>): JSX.Element | null;
@@ -1076,8 +1090,8 @@ export declare interface ResourceInputProps<T extends Resource = Resource> {
 export declare function ResourceName(props: ResourceNameProps): JSX.Element | null;
 
 export declare interface ResourceNameProps extends TextProps {
-    value?: Reference | Resource;
-    link?: boolean;
+    readonly value?: Reference | Resource;
+    readonly link?: boolean;
 }
 
 /**
@@ -1088,25 +1102,25 @@ export declare interface ResourceNameProps extends TextProps {
 export declare function ResourcePropertyDisplay(props: ResourcePropertyDisplayProps): JSX.Element;
 
 export declare interface ResourcePropertyDisplayProps {
-    property?: InternalSchemaElement;
-    propertyType: string;
-    value: any;
-    arrayElement?: boolean;
-    maxWidth?: number;
-    ignoreMissingValues?: boolean;
-    link?: boolean;
+    readonly property?: InternalSchemaElement;
+    readonly propertyType: string;
+    readonly value: any;
+    readonly arrayElement?: boolean;
+    readonly maxWidth?: number;
+    readonly ignoreMissingValues?: boolean;
+    readonly link?: boolean;
 }
 
 export declare function ResourcePropertyInput(props: ResourcePropertyInputProps): JSX.Element;
 
 export declare interface ResourcePropertyInputProps {
-    property: InternalSchemaElement;
-    name: string;
-    defaultPropertyType?: string | undefined;
-    defaultValue: any;
-    arrayElement?: boolean | undefined;
-    onChange: ((value: any, propName?: string) => void) | undefined;
-    outcome: OperationOutcome | undefined;
+    readonly property: InternalSchemaElement;
+    readonly name: string;
+    readonly defaultPropertyType?: string | undefined;
+    readonly defaultValue: any;
+    readonly arrayElement?: boolean | undefined;
+    readonly onChange: ((value: any, propName?: string) => void) | undefined;
+    readonly outcome: OperationOutcome | undefined;
 }
 
 export declare function ResourceTable(props: ResourceTableProps): JSX.Element | null;
@@ -1115,34 +1129,34 @@ export declare interface ResourceTableProps {
     /**
      * The input value either as a resource or a reference.
      */
-    value: Resource | Reference;
+    readonly value: Resource | Reference;
     /**
      * Optional flag to ignore missing values.
      * By default, missing values are displayed as empty strings.
      */
-    ignoreMissingValues?: boolean;
+    readonly ignoreMissingValues?: boolean;
     /**
      * Optional flag to force use the input value.
      * This is useful when you want to display a specific version of the resource,
      * and not use the latest version.
      */
-    forceUseInput?: boolean;
+    readonly forceUseInput?: boolean;
 }
 
 export declare function ResourceTimeline<T extends Resource>(props: ResourceTimelineProps<T>): JSX.Element;
 
 export declare interface ResourceTimelineProps<T extends Resource> {
-    value: T | Reference<T>;
-    loadTimelineResources: (medplum: MedplumClient, resourceType: ResourceType, id: string) => Promise<PromiseSettledResult<Bundle>[]>;
-    createCommunication?: (resource: T, sender: ProfileResource, text: string) => Communication;
-    createMedia?: (resource: T, operator: ProfileResource, attachment: Attachment) => Media;
+    readonly value: T | Reference<T>;
+    readonly loadTimelineResources: (medplum: MedplumClient, resourceType: ResourceType, id: string) => Promise<PromiseSettledResult<Bundle>[]>;
+    readonly createCommunication?: (resource: T, sender: ProfileResource, text: string) => Communication;
+    readonly createMedia?: (resource: T, operator: ProfileResource, attachment: Attachment) => Media;
 }
 
 export declare function Scheduler(props: SchedulerProps): JSX.Element | null;
 
 export declare interface SchedulerProps {
-    schedule: Schedule | Reference<Schedule>;
-    questionnaire: Questionnaire | Reference<Questionnaire>;
+    readonly schedule: Schedule | Reference<Schedule>;
+    readonly questionnaire: Questionnaire | Reference<Questionnaire>;
 }
 
 export declare class SearchChangeEvent extends Event {
@@ -1199,40 +1213,38 @@ export declare interface SearchControlField {
 }
 
 export declare interface SearchControlProps {
-    search: SearchRequest;
-    userConfig?: UserConfiguration;
-    checkboxesEnabled?: boolean;
-    hideToolbar?: boolean;
-    hideFilters?: boolean;
-    onLoad?: (e: SearchLoadEvent) => void;
-    onChange?: (e: SearchChangeEvent) => void;
-    onClick?: (e: SearchClickEvent) => void;
-    onAuxClick?: (e: SearchClickEvent) => void;
-    onNew?: () => void;
-    onExport?: () => void;
-    onExportCsv?: () => void;
-    onExportTransactionBundle?: () => void;
-    onDelete?: (ids: string[]) => void;
-    onPatch?: (ids: string[]) => void;
-    onBulk?: (ids: string[]) => void;
+    readonly search: SearchRequest;
+    readonly checkboxesEnabled?: boolean;
+    readonly hideToolbar?: boolean;
+    readonly hideFilters?: boolean;
+    readonly onLoad?: (e: SearchLoadEvent) => void;
+    readonly onChange?: (e: SearchChangeEvent) => void;
+    readonly onClick?: (e: SearchClickEvent) => void;
+    readonly onAuxClick?: (e: SearchClickEvent) => void;
+    readonly onNew?: () => void;
+    readonly onExport?: () => void;
+    readonly onExportCsv?: () => void;
+    readonly onExportTransactionBundle?: () => void;
+    readonly onDelete?: (ids: string[]) => void;
+    readonly onBulk?: (ids: string[]) => void;
 }
 
 export declare function SearchFieldEditor(props: SearchFieldEditorProps): JSX.Element | null;
 
 export declare interface SearchFieldEditorProps {
-    visible: boolean;
-    search: SearchRequest;
-    onOk: (search: SearchRequest) => void;
-    onCancel: () => void;
+    readonly visible: boolean;
+    readonly search: SearchRequest;
+    readonly onOk: (search: SearchRequest) => void;
+    readonly onCancel: () => void;
 }
 
 export declare function SearchFilterEditor(props: SearchFilterEditorProps): JSX.Element | null;
 
 export declare interface SearchFilterEditorProps {
-    visible: boolean;
-    search: SearchRequest;
-    onOk: (search: SearchRequest) => void;
-    onCancel: () => void;
+    readonly visible: boolean;
+    readonly search: SearchRequest;
+    readonly onOk: (search: SearchRequest) => void;
+    readonly onCancel: () => void;
 }
 
 export declare class SearchLoadEvent extends Event {
@@ -1243,7 +1255,7 @@ export declare class SearchLoadEvent extends Event {
 export declare function ServiceRequestTimeline(props: ServiceRequestTimelineProps): JSX.Element;
 
 export declare interface ServiceRequestTimelineProps {
-    serviceRequest: ServiceRequest | Reference<ServiceRequest>;
+    readonly serviceRequest: ServiceRequest | Reference<ServiceRequest>;
 }
 
 /**
@@ -1320,7 +1332,7 @@ export declare interface SmartAppLaunchLinkProps extends AnchorProps {
 }
 
 export declare interface SmartSearchResponse {
-    data: {
+    readonly data: {
         ResourceList: Resource[];
     };
 }
@@ -1348,23 +1360,23 @@ export declare function Timeline(props: TimelineProps): JSX.Element;
 export declare function TimelineItem(props: TimelineItemProps): JSX.Element;
 
 export declare interface TimelineItemProps extends PanelProps {
-    resource: Resource;
-    profile?: Reference;
-    dateTime?: string;
-    padding?: boolean;
-    popupMenuItems?: ReactNode;
+    readonly resource: Resource;
+    readonly profile?: Reference;
+    readonly dateTime?: string;
+    readonly padding?: boolean;
+    readonly popupMenuItems?: ReactNode;
 }
 
 export declare interface TimelineProps {
-    children?: ReactNode;
+    readonly children?: ReactNode;
 }
 
 export declare function TimingInput(props: TimingInputProps): JSX.Element;
 
 export declare interface TimingInputProps {
-    name: string;
-    defaultValue?: Timing;
-    onChange?: (newValue: Timing) => void;
+    readonly name: string;
+    readonly defaultValue?: Timing;
+    readonly onChange?: (newValue: Timing) => void;
 }
 
 /**
@@ -1377,6 +1389,8 @@ export declare interface TimingInputProps {
  */
 export declare function toggleSort(definition: SearchRequest, key: string): SearchRequest;
 
+export declare const useCachedBinaryUrl: (binaryUrl: string | undefined) => string | undefined;
+
 /**
  * Returns the MedplumClient instance.
  * This is a shortcut for useMedplumContext().medplum.
@@ -1454,10 +1468,10 @@ export declare function useSearchResources<K extends ResourceType>(resourceType:
 export declare function ValueSetAutocomplete(props: ValueSetAutocompleteProps): JSX.Element;
 
 export declare interface ValueSetAutocompleteProps extends Omit<AsyncAutocompleteProps<ValueSetExpansionContains>, 'loadOptions' | 'toKey' | 'toOption'> {
-    binding: string | undefined;
-    creatable?: boolean;
-    clearable?: boolean;
-    expandParams?: Partial<ValueSetExpandParams>;
+    readonly binding: string | undefined;
+    readonly creatable?: boolean;
+    readonly clearable?: boolean;
+    readonly expandParams?: Partial<ValueSetExpandParams>;
 }
 
 export { }