@medplum/react 0.9.16 → 0.9.19

package/dist/types/BackboneElementDisplay.d.ts

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition } from '@medplum/core';
+import { TypedValue } from '@medplum/core';
 export interface BackboneElementDisplayProps {
-    schema: IndexedStructureDefinition;
-    typeName: string;
-    value?: any;
+    value: TypedValue;
     compact?: boolean;
     ignoreMissingValues?: boolean;
     link?: boolean;

package/dist/types/BackboneElementInput.d.ts

@@ -1,10 +1,7 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition } from '@medplum/core';
-import { ElementDefinition, OperationOutcome } from '@medplum/fhirtypes';
+import { OperationOutcome } from '@medplum/fhirtypes';
 export interface BackboneElementInputProps {
-    schema: IndexedStructureDefinition;
-    property: ElementDefinition;
-    name: string;
+    typeName: string;
     defaultValue?: any;
     outcome?: OperationOutcome;
     onChange?: (value: any) => void;

package/dist/types/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+import './Checkbox.css';
+export interface CheckboxProps {
+    name?: string;
+    defaultValue?: boolean | number;
+    required?: boolean;
+    inputRef?: RefObject<HTMLInputElement>;
+    testid?: string;
+    disabled?: boolean;
+    onChange?: (newValue: boolean) => void;
+}
+export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/types/CheckboxFormSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './CheckboxFormSection.css';
+export interface CheckboxFormSectionProps {
+    htmlFor?: string;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+}
+export declare function CheckboxFormSection(props: CheckboxFormSectionProps): JSX.Element;

package/dist/types/FhirPathDisplay.d.ts

@@ -6,4 +6,4 @@ export interface FhirPathDisplayProps {
     path: string;
     propertyType: PropertyType;
 }
-export declare function FhirPathDisplay(props: FhirPathDisplayProps): JSX.Element;
+export declare function FhirPathDisplay(props: FhirPathDisplayProps): JSX.Element | null;

package/dist/types/MedplumLink.d.ts

@@ -2,6 +2,7 @@ import { Reference, Resource } from '@medplum/fhirtypes';
 import React from 'react';
 export interface MedplumLinkProps {
     to?: Resource | Reference | string;
+    suffix?: string;
     label?: string;
     id?: string;
     testid?: string;

package/dist/types/PlanDefinitionBuilder.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PlanDefinition, Reference } from '@medplum/fhirtypes';
+export interface PlanDefinitionBuilderProps {
+    value: PlanDefinition | Reference<PlanDefinition>;
+    onSubmit: (result: PlanDefinition) => void;
+}
+export declare function PlanDefinitionBuilder(props: PlanDefinitionBuilderProps): JSX.Element | null;

package/dist/types/QuestionnaireForm.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition } from '@medplum/core';
 import { Questionnaire, QuestionnaireItem, QuestionnaireResponse, QuestionnaireResponseItem, Reference } from '@medplum/fhirtypes';
 import './QuestionnaireForm.css';
 export interface QuestionnaireFormProps {
@@ -9,7 +8,6 @@ export interface QuestionnaireFormProps {
 }
 export declare function QuestionnaireForm(props: QuestionnaireFormProps): JSX.Element | null;
 export interface QuestionnaireFormItemProps {
-    schema: IndexedStructureDefinition;
     item: QuestionnaireItem;
     onChange: (newResponseItem: QuestionnaireResponseItem) => void;
 }

package/dist/types/RequestGroupDisplay.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { Reference, RequestGroup, Task } from '@medplum/fhirtypes';
+import './RequestGroupDisplay.css';
+export interface RequestGroupDisplayProps {
+    value?: RequestGroup | Reference<RequestGroup>;
+    onStart: (task: Task, input: Reference) => void;
+    onEdit: (task: Task, input: Reference, output: Reference) => void;
+}
+export declare function RequestGroupDisplay(props: RequestGroupDisplayProps): JSX.Element | null;

package/dist/types/ResourceArrayDisplay.d.ts

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

package/dist/types/ResourceArrayInput.d.ts

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

package/dist/types/ResourcePropertyDisplay.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition, PropertyType } from '@medplum/core';
+import { PropertyType, TypedValue } from '@medplum/core';
 import { ElementDefinition } from '@medplum/fhirtypes';
 export interface ResourcePropertyDisplayProps {
-    schema?: IndexedStructureDefinition;
     property?: ElementDefinition;
     propertyType: PropertyType;
     value: any;
@@ -22,4 +21,4 @@ export declare function ResourcePropertyDisplay(props: ResourcePropertyDisplayPr
  * @param property The property definition.
  * @returns The value of the property and the property type.
  */
-export declare function getValueAndType(context: any, property: ElementDefinition): [any, PropertyType];
+export declare function getValueAndType(context: TypedValue, path: string): [any, PropertyType];

package/dist/types/ResourcePropertyInput.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition, PropertyType } from '@medplum/core';
+import { PropertyType } from '@medplum/core';
 import { ElementDefinition, ElementDefinitionType, OperationOutcome } from '@medplum/fhirtypes';
 export interface ResourcePropertyInputProps {
-    schema: IndexedStructureDefinition;
     property: ElementDefinition;
     name: string;
     defaultPropertyType?: PropertyType;

package/dist/types/SearchControl.d.ts

@@ -19,6 +19,8 @@ export interface SearchControlProps {
     search: SearchRequest;
     userConfig?: UserConfiguration;
     checkboxesEnabled?: boolean;
+    hideToolbar?: boolean;
+    hideFilters?: boolean;
     onLoad?: (e: SearchLoadEvent) => void;
     onChange?: (e: SearchChangeEvent) => void;
     onClick?: (e: SearchClickEvent) => void;

package/dist/types/SearchControlField.d.ts

@@ -30,7 +30,7 @@ import { ElementDefinition, SearchParameter } from '@medplum/fhirtypes';
 export interface SearchControlField {
     readonly name: string;
     readonly elementDefinition?: ElementDefinition;
-    readonly searchParam?: SearchParameter;
+    readonly searchParams?: SearchParameter[];
 }
 /**
  * Returns the collection of field definitions for the search request.

package/dist/types/SearchFilterEditor.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { IndexedStructureDefinition, SearchRequest } from '@medplum/core';
+import './SearchFilterEditor.css';
 export interface SearchFilterEditorProps {
     schema: IndexedStructureDefinition;
     visible: boolean;

package/dist/types/SearchPopupMenu.d.ts

@@ -7,8 +7,8 @@ export interface SearchPopupMenuProps {
     visible: boolean;
     x: number;
     y: number;
-    searchParam?: SearchParameter;
-    onPrompt: (filter: Filter) => void;
+    searchParams?: SearchParameter[];
+    onPrompt: (searchParam: SearchParameter, filter: Filter) => void;
     onChange: (definition: SearchRequest) => void;
     onClose: () => void;
 }

package/dist/types/SearchUtils.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Filter, IndexedStructureDefinition, Operator, SearchRequest } from '@medplum/core';
+import { Filter, Operator, SearchRequest } from '@medplum/core';
 import { Resource, SearchParameter } from '@medplum/fhirtypes';
 import { SearchControlField } from './SearchControlField';
 /**
@@ -105,13 +105,11 @@ export declare function addDateFilter(definition: SearchRequest, field: string,
  */
 export declare function addDateFilterBetween(definition: SearchRequest, field: string, d1: Date, d2: Date): SearchRequest;
 /**
- * Adds a filter for a user field.
+ * Adds a filter that constrains the specified field to "missing".
  *
- * @param field
- * @param op
- * @param value
+ * @param {string} field The field key name.
  */
-export declare function addUserFilter(definition: SearchRequest, field: string, op: Operator, value: string): SearchRequest;
+export declare function addMissingFilter(definition: SearchRequest, field: string, value?: boolean): SearchRequest;
 /**
  * Returns true if the search has any filters on the specified field.
  *
@@ -169,9 +167,8 @@ export declare function getOpString(op: Operator): string;
 export declare function buildFieldNameString(key: string): string;
 /**
  * Returns a fragment to be displayed in the search table for the value.
- * @param schema The currently indexed schema.
  * @param resource The parent resource.
  * @param key The search code or FHIRPath expression.
  * @returns The fragment to display.
  */
-export declare function renderValue(schema: IndexedStructureDefinition, resource: Resource, field: SearchControlField): string | JSX.Element | null | undefined;
+export declare function renderValue(resource: Resource, field: SearchControlField): string | JSX.Element | null | undefined;

package/dist/types/StatusBadge.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import './StatusBadge.css';
+export interface StatusBadgeProps {
+    readonly status: string;
+}
+export declare function StatusBadge(props: StatusBadgeProps): JSX.Element;

package/dist/types/TextArea.d.ts

@@ -11,6 +11,7 @@ export interface TextAreaProps {
     outcome?: OperationOutcome;
     placeholder?: string;
     testid?: string;
+    monospace?: boolean;
     style?: React.CSSProperties;
     onChange?: (newValue: string) => void;
 }

package/dist/types/UploadButton.d.ts

@@ -1,6 +1,7 @@
-/// <reference types="react" />
 import { Attachment } from '@medplum/fhirtypes';
+import React from 'react';
 export interface UploadButtonProps {
     onUpload: (attachment: Attachment) => void;
+    children?: React.ReactNode;
 }
 export declare function UploadButton(props: UploadButtonProps): JSX.Element;

package/dist/types/index.d.ts

@@ -7,6 +7,8 @@ export * from './Autocomplete';
 export * from './Avatar';
 export * from './BackboneElementInput';
 export * from './Button';
+export * from './Checkbox';
+export * from './CheckboxFormSection';
 export * from './CodeableConceptDisplay';
 export * from './CodeableConceptInput';
 export * from './CodeInput';
@@ -19,6 +21,7 @@ export * from './DiagnosticReportDisplay';
 export * from './Document';
 export * from './EncounterTimeline';
 export * from './ErrorBoundary';
+export * from './FhirPathTable';
 export * from './FooterLinks';
 export * from './Form';
 export * from './FormSection';
@@ -34,6 +37,7 @@ export * from './MedplumLink';
 export * from './MedplumProvider';
 export * from './MenuItem';
 export * from './PatientTimeline';
+export * from './PlanDefinitionBuilder';
 export * from './Popup';
 export * from './QuestionnaireBuilder';
 export * from './QuestionnaireForm';
@@ -41,6 +45,7 @@ export * from './QuestionnaireUtils';
 export * from './RangeDisplay';
 export * from './RangeInput';
 export * from './ReferenceInput';
+export * from './RequestGroupDisplay';
 export * from './ResourceArrayDisplay';
 export * from './ResourceArrayInput';
 export * from './ResourceBadge';
@@ -62,7 +67,7 @@ export * from './SearchUtils';
 export * from './Select';
 export * from './ServiceRequestTimeline';
 export * from './SignInForm';
-export * from './FhirPathTable';
+export * from './StatusBadge';
 export * from './Tab';
 export * from './TabList';
 export * from './TabPanel';
@@ -70,6 +75,7 @@ export * from './TabSwitch';
 export * from './TextArea';
 export * from './Timeline';
 export * from './TitleBar';
+export * from './UploadButton';
 export * from './useResource';
 export * from './utils';
 export * from './utils/date';

package/dist/types/stories/PlanDefinitionBuilder.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Basic: () => JSX.Element;

package/dist/types/stories/RequestGroupDisplay.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Simple: () => JSX.Element;

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

@@ -7,3 +7,7 @@ export declare const NoCheckboxes: () => JSX.Element;
 export declare const AllButtons: () => JSX.Element;
 export declare const ExtraFields: () => JSX.Element;
 export declare const ServiceRequests: () => JSX.Element;
+export declare const Observations: () => JSX.Element;
+export declare const HideToolbar: () => JSX.Element;
+export declare const HideFilters: () => JSX.Element;
+export declare const HideToolbarAndFilters: () => JSX.Element;

package/dist/types/stories/StatusBadge.stories.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const ExampleStatuses: () => JSX.Element;

package/dist/types/stories/UploadButton.stories.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Example: () => JSX.Element;
+export declare const CustomText: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.16",
+  "version": "0.9.19",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,36 +19,36 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.16",
-    "@medplum/fhirtypes": "0.9.16",
-    "@medplum/mock": "0.9.16",
-    "@storybook/addon-actions": "6.5.8",
-    "@storybook/addon-essentials": "6.5.8",
-    "@storybook/addon-links": "6.5.8",
-    "@storybook/builder-webpack5": "6.5.8",
-    "@storybook/manager-webpack5": "6.5.8",
-    "@storybook/react": "6.5.8",
-    "@testing-library/dom": "8.13.0",
+    "@medplum/core": "0.9.19",
+    "@medplum/fhirtypes": "0.9.19",
+    "@medplum/mock": "0.9.19",
+    "@storybook/addon-actions": "6.5.9",
+    "@storybook/addon-essentials": "6.5.9",
+    "@storybook/addon-links": "6.5.9",
+    "@storybook/builder-webpack5": "6.5.9",
+    "@storybook/manager-webpack5": "6.5.9",
+    "@storybook/react": "6.5.9",
+    "@testing-library/dom": "8.14.0",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.3.0",
-    "@types/jest": "28.1.1",
-    "@types/node": "17.0.42",
-    "@types/react": "18.0.12",
+    "@types/jest": "28.1.3",
+    "@types/node": "18.0.0",
+    "@types/react": "18.0.14",
     "@types/react-dom": "18.0.5",
     "@types/react-router-dom": "5.3.3",
-    "dotenv-webpack": "7.1.0",
+    "dotenv-webpack": "7.1.1",
     "identity-obj-proxy": "3.0.0",
     "jest": "28.1.1",
     "jest-each": "28.1.1",
     "html-webpack-plugin": "5.5.0",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "react-router-dom": "6.3.0",
     "rimraf": "3.0.2",
-    "typescript": "4.7.3"
+    "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.16",
+    "@medplum/core": "0.9.19",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"