@medplum/react 1.0.3 → 1.0.5

package/dist/cjs/AsyncAutocomplete/AsyncAutocomplete.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { MultiSelectProps, SelectItem } from '@mantine/core';
+export interface AsyncAutocompleteOption<T> extends SelectItem {
+    resource: T;
+}
+export interface AsyncAutocompleteProps<T> extends Omit<MultiSelectProps, 'data' | 'defaultValue' | 'loadOptions' | 'onChange' | 'onCreate' | 'searchable'> {
+    defaultValue?: T | T[];
+    toKey: (item: T) => string;
+    toOption: (item: T) => AsyncAutocompleteOption<T>;
+    loadOptions: (input: string, signal: AbortSignal) => Promise<T[]>;
+    onChange: (item: T[]) => void;
+    onCreate?: (input: string) => T;
+}
+export declare function AsyncAutocomplete<T>(props: AsyncAutocompleteProps<T>): JSX.Element;

package/dist/cjs/Container/Container.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ContainerProps } from '@mantine/core';
+export declare function Container(props: ContainerProps): JSX.Element;

package/dist/cjs/DiagnosticReportDisplay/DiagnosticReportDisplay.stories.d.ts

@@ -3,3 +3,4 @@ import { Meta } from '@storybook/react';
 declare const _default: Meta<import("@storybook/react").Args>;
 export default _default;
 export declare const Simple: () => JSX.Element;
+export declare const WithCategories: () => JSX.Element;

package/dist/cjs/Document/Document.d.ts

@@ -1,6 +1,3 @@
-import React from 'react';
-export interface DocumentProps {
-    width?: number;
-    children?: React.ReactNode;
-}
-export declare function Document(props: DocumentProps): JSX.Element;
+/// <reference types="react" />
+import { PanelProps } from '../Panel/Panel';
+export declare function Document(props: PanelProps): JSX.Element;

package/dist/cjs/FhirPathTable/FhirPathTable.d.ts

@@ -2,7 +2,7 @@ import { PropertyType } from '@medplum/core';
 import { Resource } from '@medplum/fhirtypes';
 import React from 'react';
 import { SearchClickEvent } from '../SearchControl/SearchControl';
-export interface SmartSearchField {
+export interface FhirPathTableField {
     readonly propertyType: PropertyType;
     readonly name: string;
     readonly fhirPath: string;
@@ -10,7 +10,7 @@ export interface SmartSearchField {
 export interface FhirPathTableProps {
     resourceType: string;
     query: string;
-    fields: SmartSearchField[];
+    fields: FhirPathTableField[];
     checkboxesEnabled?: boolean;
     onClick?: (e: SearchClickEvent) => void;
     onAuxClick?: (e: SearchClickEvent) => void;

package/dist/cjs/Panel/Panel.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { PaperProps } from '@mantine/core';
+export interface PanelStylesParams {
+    width?: number;
+    fill?: boolean;
+}
+export interface PanelProps extends PaperProps {
+    width?: number;
+    fill?: boolean;
+}
+export declare function Panel(props: PanelProps): JSX.Element;

package/dist/cjs/Timeline/Timeline.d.ts

@@ -1,16 +1,14 @@
 import { Reference, Resource } from '@medplum/fhirtypes';
 import React from 'react';
+import { PanelProps } from '../Panel/Panel';
 export interface TimelineProps {
     children?: React.ReactNode;
 }
 export declare function Timeline(props: TimelineProps): JSX.Element;
-export interface TimelineItemProps {
+export interface TimelineItemProps extends PanelProps {
     resource: Resource;
     profile?: Reference;
-    socialEnabled?: boolean;
-    children?: React.ReactNode;
     padding?: boolean;
-    className?: string;
     popupMenuItems?: React.ReactNode;
 }
 export declare function TimelineItem(props: TimelineItemProps): JSX.Element;

package/dist/cjs/ValueSetAutocomplete/ValueSetAutocomplete.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
 import { ElementDefinition, ValueSetExpansionContains } from '@medplum/fhirtypes';
-export interface ValueSetAutocompleteProps {
-    property: ElementDefinition;
-    name: string;
-    placeholder?: string;
-    defaultValue?: ValueSetExpansionContains;
-    onChange?: (value: ValueSetExpansionContains | undefined) => void;
+import { AsyncAutocompleteProps } from '../AsyncAutocomplete/AsyncAutocomplete';
+export interface ValueSetAutocompleteProps extends Omit<AsyncAutocompleteProps<ValueSetExpansionContains>, 'loadOptions' | 'toKey' | 'toOption'> {
+    elementDefinition: ElementDefinition;
 }
 export declare function ValueSetAutocomplete(props: ValueSetAutocompleteProps): JSX.Element;

package/dist/cjs/auth/ChooseProfileForm.d.ts

@@ -1,8 +1,9 @@
 /// <reference types="react" />
+import { LoginAuthenticationResponse } from '@medplum/core';
 import { ProjectMembership } from '@medplum/fhirtypes';
 export interface ChooseProfileFormProps {
     login: string;
     memberships: ProjectMembership[];
-    handleAuthResponse: (response: any) => void;
+    handleAuthResponse: (response: LoginAuthenticationResponse) => void;
 }
 export declare function ChooseProfileForm(props: ChooseProfileFormProps): JSX.Element;

package/dist/cjs/auth/ChooseScopeForm.d.ts

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { LoginAuthenticationResponse } from '@medplum/core';
 export interface ChooseScopeFormProps {
     login: string;
     scope: string | undefined;
-    handleAuthResponse: (response: any) => void;
+    handleAuthResponse: (response: LoginAuthenticationResponse) => void;
 }
 export declare function ChooseScopeForm(props: ChooseScopeFormProps): JSX.Element;

package/dist/cjs/auth/MfaForm.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { LoginAuthenticationResponse } from '@medplum/core';
+export interface MfaFormProps {
+    login: string;
+    handleAuthResponse: (response: LoginAuthenticationResponse) => void;
+}
+export declare function MfaForm(props: MfaFormProps): JSX.Element;

package/dist/cjs/auth/OktaButton.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface OktaButtonProps {
+    readonly oktaClientId?: string;
+}
+export declare function OktaButton(props: OktaButtonProps): JSX.Element;

package/dist/cjs/auth/SignInForm.d.ts

@@ -8,4 +8,14 @@ export interface SignInFormProps extends BaseLoginRequest {
     readonly onCode?: (code: string) => void;
     readonly children?: React.ReactNode;
 }
+/**
+ * The SignInForm component allows users to sign in to Medplum.
+ *
+ * "Signing in" is a multi-step process:
+ * 1) Authentication - identify the user
+ * 2) MFA - If MFA is enabled, prompt for MFA code
+ * 3) Choose profile - If the user has multiple profiles, prompt to choose one
+ * 4) Choose scope - If the user has multiple scopes, prompt to choose one
+ * 5) Success - Return to the caller with either a code or a redirect
+ */
 export declare function SignInForm(props: SignInFormProps): JSX.Element;

package/dist/cjs/index.d.ts

@@ -1,6 +1,7 @@
 export * from './AddressDisplay/AddressDisplay';
 export * from './AddressInput/AddressInput';
 export * from './AnnotationInput/AnnotationInput';
+export * from './AsyncAutocomplete/AsyncAutocomplete';
 export * from './AttachmentArrayDisplay/AttachmentArrayDisplay';
 export * from './AttachmentArrayInput/AttachmentArrayInput';
 export * from './AttachmentButton/AttachmentButton';
@@ -21,6 +22,7 @@ export * from './ContactDetailDisplay/ContactDetailDisplay';
 export * from './ContactDetailInput/ContactDetailInput';
 export * from './ContactPointDisplay/ContactPointDisplay';
 export * from './ContactPointInput/ContactPointInput';
+export * from './Container/Container';
 export * from './DateTimeInput/DateTimeInput';
 export * from './DefaultResourceTimeline/DefaultResourceTimeline';
 export * from './DescriptionList/DescriptionList';
@@ -39,6 +41,7 @@ export * from './IdentifierInput/IdentifierInput';
 export * from './Logo/Logo';
 export * from './MedplumLink/MedplumLink';
 export * from './MedplumProvider/MedplumProvider';
+export * from './Panel/Panel';
 export * from './PatientTimeline/PatientTimeline';
 export * from './PlanDefinitionBuilder/PlanDefinitionBuilder';
 export * from './QuantityDisplay/QuantityDisplay';