@medplum/react 2.1.4 → 2.1.6

package/dist/types/AppShell/AppShell.d.ts

@@ -4,9 +4,11 @@ export interface AppShellProps {
     logo: React.ReactNode;
     pathname?: string;
     searchParams?: URLSearchParams;
+    headerSearchDisabled?: boolean;
     version?: string;
     menus?: NavbarMenu[];
     children: React.ReactNode;
     displayAddBookmark?: boolean;
+    resourceTypeSearchDisabled?: boolean;
 }
 export declare function AppShell(props: AppShellProps): JSX.Element;

package/dist/types/AppShell/Header.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 interface HeaderProps {
     pathname?: string;
     searchParams?: URLSearchParams;
+    headerSearchDisabled?: boolean;
     logo: React.ReactNode;
     version?: string;
     navbarToggle: () => void;

package/dist/types/AppShell/Navbar.d.ts

@@ -14,5 +14,6 @@ export interface NavbarProps {
     menus?: NavbarMenu[];
     closeNavbar: () => void;
     displayAddBookmark?: boolean;
+    resourceTypeSearchDisabled?: boolean;
 }
 export declare function Navbar(props: NavbarProps): JSX.Element;

package/dist/types/CalendarInput/CalendarInput.d.ts

@@ -5,11 +5,4 @@ export interface CalendarInputProps {
     onChangeMonth: (date: Date) => void;
     onClick: (date: Date) => void;
 }
-/**
- * Returns a month display string (e.g. "January 2020").
- * @param date Any date within the month.
- * @returns The month display string (e.g. "January 2020")
- */
-export declare function getMonthString(date: Date): string;
 export declare function CalendarInput(props: CalendarInputProps): JSX.Element;
-export declare function getStartMonth(): Date;

package/dist/types/CalendarInput/CalendarInput.utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returns a month display string (e.g. "January 2020").
+ * @param date Any date within the month.
+ * @returns The month display string (e.g. "January 2020")
+ */
+export declare function getMonthString(date: Date): string;
+export declare function getStartMonth(): Date;

package/dist/types/CodeInput/CodeInput.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { ElementDefinition } from '@medplum/fhirtypes';
 export interface CodeInputProps {
-    property: ElementDefinition;
+    binding: string | undefined;
     name: string;
     placeholder?: string;
     defaultValue?: string;

package/dist/types/CodeableConceptInput/CodeableConceptInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { CodeableConcept, ElementDefinition } from '@medplum/fhirtypes';
+import { CodeableConcept } from '@medplum/fhirtypes';
 export interface CodeableConceptInputProps {
-    property: ElementDefinition;
+    binding: string | undefined;
     name: string;
     placeholder?: string;
     defaultValue?: CodeableConcept;

package/dist/types/CodingInput/CodingInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { Coding, ElementDefinition } from '@medplum/fhirtypes';
+import { Coding } from '@medplum/fhirtypes';
 export interface CodingInputProps {
-    property: ElementDefinition;
+    binding: string | undefined;
     name: string;
     placeholder?: string;
     defaultValue?: Coding;

package/dist/types/DateTimeInput/DateTimeInput.d.ts

@@ -18,15 +18,3 @@ export interface DateTimeInputProps {
  * @returns The JSX element to render.
  */
 export declare function DateTimeInput(props: DateTimeInputProps): JSX.Element;
-/**
- * Converts an ISO-8601 date/time string to a local date/time string.
- * @param isoString The ISO-8601 date/time string to convert.
- * @returns The local date/time string.
- */
-export declare function convertIsoToLocal(isoString: string | undefined): string;
-/**
- * Converts a local date/time string to an ISO-8601 date/time string.
- * @param localString The local date/time string to convert.
- * @returns The ISO-8601 date/time string.
- */
-export declare function convertLocalToIso(localString: string | undefined): string;

package/dist/types/DateTimeInput/DateTimeInput.utils.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Converts an ISO-8601 date/time string to a local date/time string.
+ * @param isoString The ISO-8601 date/time string to convert.
+ * @returns The local date/time string.
+ */
+export declare function convertIsoToLocal(isoString: string | undefined): string;
+/**
+ * Converts a local date/time string to an ISO-8601 date/time string.
+ * @param localString The local date/time string to convert.
+ * @returns The ISO-8601 date/time string.
+ */
+export declare function convertLocalToIso(localString: string | undefined): string;

package/dist/types/DiagnosticReportDisplay/DiagnosticReportDisplay.d.ts

@@ -11,6 +11,7 @@ export declare namespace DiagnosticReportDisplay {
 }
 export interface ObservationTableProps {
     value?: Observation[] | Reference<Observation>[];
+    ancestorIds?: string[];
     hideObservationNotes?: boolean;
 }
 export declare function ObservationTable(props: ObservationTableProps): JSX.Element;

package/dist/types/FhirPathDisplay/FhirPathDisplay.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { PropertyType } from '@medplum/core';
 import { Resource } from '@medplum/fhirtypes';
 export interface FhirPathDisplayProps {
     resource: Resource;
     path: string;
-    propertyType: PropertyType;
+    propertyType: string;
 }
 export declare function FhirPathDisplay(props: FhirPathDisplayProps): JSX.Element | null;

package/dist/types/FhirPathTable/FhirPathTable.d.ts

@@ -1,9 +1,8 @@
-import { PropertyType } from '@medplum/core';
 import { Resource } from '@medplum/fhirtypes';
 import React from 'react';
 import { SearchClickEvent } from '../SearchControl/SearchControl';
 export interface FhirPathTableField {
-    readonly propertyType: PropertyType;
+    readonly propertyType: string;
     readonly name: string;
     readonly fhirPath: string;
 }

package/dist/types/GoogleButton/GoogleButton.d.ts

@@ -5,4 +5,3 @@ export interface GoogleButtonProps {
     readonly handleGoogleCredential: (response: GoogleCredentialResponse) => void;
 }
 export declare function GoogleButton(props: GoogleButtonProps): JSX.Element | null;
-export declare function getGoogleClientId(clientId: string | undefined): string | undefined;

package/dist/types/GoogleButton/GoogleButton.utils.d.ts

@@ -0,0 +1 @@
+export declare function getGoogleClientId(clientId: string | undefined): string | undefined;

package/dist/types/MedplumProvider/MedplumProvider.context.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { MedplumClient, ProfileResource } from '@medplum/core';
+export declare const reactContext: import("react").Context<MedplumContext | undefined>;
+export type MepdlumNavigateFunction = (path: string) => void;
+export interface MedplumContext {
+    medplum: MedplumClient;
+    navigate: MepdlumNavigateFunction;
+    profile?: ProfileResource;
+    loading: boolean;
+}
+/**
+ * Returns the MedplumContext instance.
+ * @returns The MedplumContext instance.
+ */
+export declare function useMedplumContext(): MedplumContext;
+/**
+ * Returns the MedplumClient instance.
+ * This is a shortcut for useMedplumContext().medplum.
+ * @returns The MedplumClient instance.
+ */
+export declare function useMedplum(): MedplumClient;
+/**
+ * Returns the Medplum navigate function.
+ * @returns The Medplum navigate function.
+ */
+export declare function useMedplumNavigate(): MepdlumNavigateFunction;
+/**
+ * Returns the current Medplum user profile (if signed in).
+ * This is a shortcut for useMedplumContext().profile.
+ * @returns The current user profile.
+ */
+export declare function useMedplumProfile(): ProfileResource | undefined;

package/dist/types/MedplumProvider/MedplumProvider.d.ts

@@ -1,17 +1,11 @@
-import { MedplumClient, ProfileResource } from '@medplum/core';
+import { MedplumClient } from '@medplum/core';
 import React from 'react';
-export type MepdlumNavigateFunction = (path: string) => void;
+import { MepdlumNavigateFunction } from './MedplumProvider.context';
 export interface MedplumProviderProps {
     medplum: MedplumClient;
     navigate?: MepdlumNavigateFunction;
     children: React.ReactNode;
 }
-export interface MedplumContext {
-    medplum: MedplumClient;
-    navigate: MepdlumNavigateFunction;
-    profile?: ProfileResource;
-    loading: boolean;
-}
 /**
  * The MedplumProvider component provides Medplum context state.
  *
@@ -22,25 +16,3 @@ export interface MedplumContext {
  * @returns The MedplumProvider React node.
  */
 export declare function MedplumProvider(props: MedplumProviderProps): JSX.Element;
-/**
- * Returns the MedplumContext instance.
- * @returns The MedplumContext instance.
- */
-export declare function useMedplumContext(): MedplumContext;
-/**
- * Returns the MedplumClient instance.
- * This is a shortcut for useMedplumContext().medplum.
- * @returns The MedplumClient instance.
- */
-export declare function useMedplum(): MedplumClient;
-/**
- * Returns the Medplum navigate function.
- * @returns The Medplum navigate function.
- */
-export declare function useMedplumNavigate(): MepdlumNavigateFunction;
-/**
- * Returns the current Medplum user profile (if signed in).
- * This is a shortcut for useMedplumContext().profile.
- * @returns The current user profile.
- */
-export declare function useMedplumProfile(): ProfileResource | undefined;

package/dist/types/ResourceArrayDisplay/ResourceArrayDisplay.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementDefinition } from '@medplum/fhirtypes';
+import { InternalSchemaElement } from '@medplum/core';
 interface ResourceArrayDisplayProps {
-    property: ElementDefinition;
+    property: InternalSchemaElement;
     values: any[];
     arrayElement?: boolean;
     ignoreMissingValues?: boolean;

package/dist/types/ResourceArrayInput/ResourceArrayInput.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { ElementDefinition } from '@medplum/fhirtypes';
+import { InternalSchemaElement } from '@medplum/core';
 interface ResourceArrayInputProps {
-    property: ElementDefinition;
+    property: InternalSchemaElement;
     name: string;
     defaultValue?: any[];
     arrayElement?: boolean;

package/dist/types/ResourceBlame/ResourceBlame.d.ts

@@ -6,4 +6,3 @@ export interface ResourceBlameProps {
     id?: string;
 }
 export declare function ResourceBlame(props: ResourceBlameProps): JSX.Element | null;
-export declare function getTimeString(lastUpdated: string): string;

package/dist/types/ResourceBlame/ResourceBlame.utils.d.ts

@@ -0,0 +1,3 @@
+import { Resource } from '@medplum/fhirtypes';
+export declare function getVersionUrl(resource: Resource, versionId: string): string;
+export declare function getTimeString(lastUpdated: string): string;

package/dist/types/ResourceForm/ResourceForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ElementDefinition, OperationOutcome, Reference, Resource } from '@medplum/fhirtypes';
+import { OperationOutcome, Reference, Resource } from '@medplum/fhirtypes';
 export interface ResourceFormProps {
     defaultValue: Resource | Reference;
     outcome?: OperationOutcome;
@@ -7,4 +7,3 @@ export interface ResourceFormProps {
     onDelete?: (resource: Resource) => void;
 }
 export declare function ResourceForm(props: ResourceFormProps): JSX.Element;
-export declare function setPropertyValue(obj: any, key: string, propName: string, elementDefinition: ElementDefinition, value: any): any;

package/dist/types/ResourceForm/ResourceForm.utils.d.ts

@@ -0,0 +1,2 @@
+import { InternalSchemaElement } from '@medplum/core';
+export declare function setPropertyValue(obj: any, key: string, propName: string, elementDefinition: InternalSchemaElement, value: any): any;

package/dist/types/ResourcePropertyDisplay/ResourcePropertyDisplay.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { PropertyType, TypedValue } from '@medplum/core';
-import { ElementDefinition } from '@medplum/fhirtypes';
+import { InternalSchemaElement } from '@medplum/core';
 export interface ResourcePropertyDisplayProps {
-    property?: ElementDefinition;
-    propertyType: PropertyType;
+    property?: InternalSchemaElement;
+    propertyType: string;
     value: any;
     arrayElement?: boolean;
     maxWidth?: number;
@@ -16,14 +15,3 @@ export interface ResourcePropertyDisplayProps {
  * @returns The ResourcePropertyDisplay React node.
  */
 export declare function ResourcePropertyDisplay(props: ResourcePropertyDisplayProps): JSX.Element;
-/**
- * Returns the value of the property and the property type.
- * Some property definitions support multiple types.
- * For example, "Observation.value[x]" can be "valueString", "valueInteger", "valueQuantity", etc.
- * According to the spec, there can only be one property for a given element definition.
- * This function returns the value and the type.
- * @param context The base context (usually a FHIR resource).
- * @param path The property path.
- * @returns The value of the property and the property type.
- */
-export declare function getValueAndType(context: TypedValue, path: string): [any, PropertyType];

package/dist/types/ResourcePropertyDisplay/ResourcePropertyDisplay.utils.d.ts

@@ -0,0 +1,12 @@
+import { TypedValue } from '@medplum/core';
+/**
+ * Returns the value of the property and the property type.
+ * Some property definitions support multiple types.
+ * For example, "Observation.value[x]" can be "valueString", "valueInteger", "valueQuantity", etc.
+ * According to the spec, there can only be one property for a given element definition.
+ * This function returns the value and the type.
+ * @param context The base context (usually a FHIR resource).
+ * @param path The property path.
+ * @returns The value of the property and the property type.
+ */
+export declare function getValueAndType(context: TypedValue, path: string): [any, string];

package/dist/types/ResourcePropertyInput/ResourcePropertyInput.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { PropertyType } from '@medplum/core';
-import { ElementDefinition, ElementDefinitionType, OperationOutcome } from '@medplum/fhirtypes';
+import { InternalSchemaElement } from '@medplum/core';
+import { ElementDefinitionType, OperationOutcome } from '@medplum/fhirtypes';
 export interface ResourcePropertyInputProps {
-    property: ElementDefinition;
+    property: InternalSchemaElement;
     name: string;
-    defaultPropertyType?: PropertyType;
+    defaultPropertyType?: string;
     defaultValue?: any;
     arrayElement?: boolean;
     onChange?: (value: any, propName?: string) => void;

package/dist/types/ResourceTypeInput/ResourceTypeInput.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ResourceType } from '@medplum/fhirtypes';
+export interface ResourceTypeInputProps {
+    name: string;
+    placeholder?: string;
+    defaultValue?: ResourceType;
+    targetTypes?: string[];
+    autoFocus?: boolean;
+    testId?: string;
+    onChange?: (value: ResourceType | undefined) => void;
+}
+export declare function ResourceTypeInput(props: ResourceTypeInputProps): JSX.Element;

package/dist/types/SearchControl/SearchControlField.d.ts

@@ -1,10 +1,10 @@
-import { SearchRequest } from '@medplum/core';
-import { ElementDefinition, SearchParameter } from '@medplum/fhirtypes';
+import { InternalSchemaElement, SearchRequest } from '@medplum/core';
+import { SearchParameter } from '@medplum/fhirtypes';
 /**
  * The SearchControlField type describes a field in the search control.
  *
  * In a SearchRequest, a field is a simple string. Strings can be one of the following:
- * 1) Simple property names, which refer to ElementDefinition objects
+ * 1) Simple property names, which refer to InternalSchemaElement objects
  * 2) Search parameter names, which refer to SearchParameter resources
  *
  * Consider a few examples of how this becomes complicated.
@@ -29,7 +29,7 @@ import { ElementDefinition, SearchParameter } from '@medplum/fhirtypes';
  */
 export interface SearchControlField {
     readonly name: string;
-    readonly elementDefinition?: ElementDefinition;
+    readonly elementDefinition?: InternalSchemaElement;
     readonly searchParams?: SearchParameter[];
 }
 /**

package/dist/types/ValueSetAutocomplete/ValueSetAutocomplete.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { ElementDefinition, ValueSetExpansionContains } from '@medplum/fhirtypes';
+import { ValueSetExpansionContains } from '@medplum/fhirtypes';
 import { AsyncAutocompleteProps } from '../AsyncAutocomplete/AsyncAutocomplete';
 export interface ValueSetAutocompleteProps extends Omit<AsyncAutocompleteProps<ValueSetExpansionContains>, 'loadOptions' | 'toKey' | 'toOption'> {
-    elementDefinition: ElementDefinition;
+    binding: string | undefined;
     creatable?: boolean;
     clearable?: boolean;
 }

package/dist/types/index.d.ts

@@ -10,13 +10,15 @@ export * from './AttachmentArrayInput/AttachmentArrayInput';
 export * from './AttachmentButton/AttachmentButton';
 export * from './AttachmentDisplay/AttachmentDisplay';
 export * from './AttachmentInput/AttachmentInput';
+export * from './auth/RegisterForm';
+export * from './auth/SignInForm';
 export * from './BackboneElementDisplay/BackboneElementDisplay';
 export * from './BackboneElementInput/BackboneElementInput';
 export * from './CalendarInput/CalendarInput';
 export * from './CheckboxFormSection/CheckboxFormSection';
-export * from './CodeInput/CodeInput';
 export * from './CodeableConceptDisplay/CodeableConceptDisplay';
 export * from './CodeableConceptInput/CodeableConceptInput';
+export * from './CodeInput/CodeInput';
 export * from './CodingDisplay/CodingDisplay';
 export * from './CodingInput/CodingInput';
 export * from './ContactDetailDisplay/ContactDetailDisplay';
@@ -25,6 +27,7 @@ export * from './ContactPointDisplay/ContactPointDisplay';
 export * from './ContactPointInput/ContactPointInput';
 export * from './Container/Container';
 export * from './DateTimeInput/DateTimeInput';
+export * from './DateTimeInput/DateTimeInput.utils';
 export * from './DefaultResourceTimeline/DefaultResourceTimeline';
 export * from './DescriptionList/DescriptionList';
 export * from './DiagnosticReportDisplay/DiagnosticReportDisplay';
@@ -43,6 +46,7 @@ export * from './Loading/Loading';
 export * from './Logo/Logo';
 export * from './MedplumLink/MedplumLink';
 export * from './MedplumProvider/MedplumProvider';
+export * from './MedplumProvider/MedplumProvider.context';
 export * from './MoneyDisplay/MoneyDisplay';
 export * from './MoneyInput/MoneyInput';
 export * from './OperationOutcomeAlert/OperationOutcomeAlert';
@@ -82,8 +86,6 @@ export * from './ServiceRequestTimeline/ServiceRequestTimeline';
 export * from './StatusBadge/StatusBadge';
 export * from './Timeline/Timeline';
 export * from './TimingInput/TimingInput';
-export * from './auth/RegisterForm';
-export * from './auth/SignInForm';
 export * from './useResource/useResource';
 export * from './utils/date';
 export * from './utils/outcomes';

package/dist/types/utils/questionnaire.d.ts

@@ -1,4 +1,4 @@
-import { QuestionnaireItem, QuestionnaireResponseItem, QuestionnaireResponseItemAnswer } from '@medplum/fhirtypes';
+import { QuestionnaireItem, QuestionnaireResponseItem, QuestionnaireResponseItemAnswer, ResourceType } from '@medplum/fhirtypes';
 export declare enum QuestionnaireItemType {
     group = "group",
     display = "display",
@@ -21,3 +21,5 @@ export declare enum QuestionnaireItemType {
 export declare function isChoiceQuestion(item: QuestionnaireItem): boolean;
 export declare function isQuestionEnabled(item: QuestionnaireItem, responseItems: QuestionnaireResponseItem[]): boolean;
 export declare function getNewMultiSelectValues(selected: string[], propertyName: string, item: QuestionnaireItem): QuestionnaireResponseItemAnswer[];
+export declare function getQuestionnaireItemReferenceTargetTypes(item: QuestionnaireItem): ResourceType[] | undefined;
+export declare function setQuestionnaireItemReferenceTargetTypes(item: QuestionnaireItem, targetTypes: ResourceType[] | undefined): QuestionnaireItem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "2.1.4",
+  "version": "2.1.6",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -22,34 +22,34 @@
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
-    "@mantine/core": "6.0.20",
-    "@mantine/hooks": "6.0.20",
-    "@mantine/notifications": "6.0.20",
+    "@mantine/core": "6.0.21",
+    "@mantine/hooks": "6.0.21",
+    "@mantine/notifications": "6.0.21",
     "@medplum/core": "*",
     "@medplum/definitions": "*",
     "@medplum/fhirtypes": "*",
     "@medplum/mock": "*",
-    "@storybook/addon-actions": "7.4.2",
-    "@storybook/addon-essentials": "7.4.2",
-    "@storybook/addon-links": "7.4.2",
-    "@storybook/addon-storysource": "7.4.2",
-    "@storybook/builder-vite": "7.4.2",
-    "@storybook/react": "7.4.2",
-    "@storybook/react-vite": "7.4.2",
-    "@tabler/icons-react": "2.34.0",
-    "@testing-library/dom": "9.3.1",
-    "@testing-library/jest-dom": "6.1.3",
+    "@storybook/addon-actions": "7.4.6",
+    "@storybook/addon-essentials": "7.4.6",
+    "@storybook/addon-links": "7.4.6",
+    "@storybook/addon-storysource": "7.4.6",
+    "@storybook/builder-vite": "7.4.6",
+    "@storybook/react": "7.4.6",
+    "@storybook/react-vite": "7.4.6",
+    "@tabler/icons-react": "2.39.0",
+    "@testing-library/dom": "9.3.3",
+    "@testing-library/jest-dom": "6.1.4",
     "@testing-library/react": "14.0.0",
     "@types/jest": "29.5.5",
-    "@types/node": "20.6.2",
-    "@types/react": "18.2.21",
-    "@types/react-dom": "18.2.7",
+    "@types/node": "20.8.6",
+    "@types/react": "18.2.28",
+    "@types/react-dom": "18.2.13",
     "jest": "29.7.0",
     "jest-each": "29.7.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "rimraf": "5.0.1",
-    "storybook": "7.4.2",
+    "rimraf": "5.0.5",
+    "storybook": "7.4.6",
     "typescript": "5.2.2"
   },
   "peerDependencies": {