@medplum/react 0.9.17 → 0.9.20

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { formatAddress, getDisplayString, getImageSrc, globalSchema, getPropertyDisplayName, formatHumanName, stringify, buildTypeName, PropertyType, getTypedPropertyValue, createReference, capitalize, toTypedValue, getReferenceString, evalFhirPath, getSearchParameterDetails, Operator, evalFhirPathTyped, SearchParameterType, formatSearchQuery, parseSearchDefinition, DEFAULT_SEARCH_COUNT, isUUID } from '@medplum/core';
+import { formatAddress, getDisplayString, getImageSrc, capitalize, globalSchema, getPropertyDisplayName, formatHumanName, stringify, buildTypeName, PropertyType, getTypedPropertyValue, createReference, toTypedValue, getReferenceString, evalFhirPath, getSearchParameterDetails, Operator, evalFhirPathTyped, SearchParameterType, formatSearchQuery, parseSearchDefinition, DEFAULT_SEARCH_COUNT, isUUID } from '@medplum/core';
 import React, { useState, useRef, createContext, useEffect, useContext, useCallback } from 'react';
 import { useNavigate, useLocation } from 'react-router-dom';
 
@@ -16,10 +16,10 @@ function getIssuesForExpression(outcome, expression) {
 }
 
 function Input(props) {
-    const className = 'medplum-input'; // + (props.size ? ' ' + props.size : '');
+    const className = 'medplum-input';
     const issues = getIssuesForExpression(props.outcome, props.name);
     const invalid = issues && issues.length > 0;
-    return (React.createElement("input", { id: props.name, name: props.name, type: getInputType(props.type), size: props.size, step: props.step, className: className, defaultValue: props.defaultValue || '', required: props.required, autoCapitalize: props.autoCapitalize, autoComplete: props.autoComplete, autoFocus: props.autoFocus, ref: props.inputRef, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', placeholder: props.placeholder, "data-testid": props.testid, disabled: props.disabled, onChange: (e) => {
+    return (React.createElement("input", { id: props.name, name: props.name, type: getInputType(props.type), size: props.size, step: props.step, className: className, style: props.style, defaultValue: props.defaultValue || '', required: props.required, autoCapitalize: props.autoCapitalize, autoComplete: props.autoComplete, autoFocus: props.autoFocus, ref: props.inputRef, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', placeholder: props.placeholder, "data-testid": props.testid, disabled: props.disabled, onChange: (e) => {
             if (props.onChange) {
                 props.onChange(e.currentTarget.value);
             }
@@ -281,7 +281,7 @@ function AttachmentArrayInput(props) {
             props.onChange(newValues);
         }
     }
-    return (React.createElement("table", null,
+    return (React.createElement("table", { style: { width: '100%' } },
         React.createElement("colgroup", null,
             React.createElement("col", { width: "90%" }),
             React.createElement("col", { width: "10%" })),
@@ -615,6 +615,9 @@ function MedplumLink(props) {
         else if ('reference' in props.to) {
             href = `/${props.to.reference}`;
         }
+        if (props.suffix) {
+            href += '/' + props.suffix;
+        }
     }
     return (React.createElement("a", { href: href, id: props.id, "aria-label": props.label, "data-testid": props.testid || 'link', className: props.className, onClick: (e) => {
             killEvent(e);
@@ -704,6 +707,14 @@ function getInitials(text) {
         .join('');
 }
 
+function CheckboxFormSection(props) {
+    return (React.createElement("div", { className: "medplum-checkbox-form-section" },
+        React.createElement("div", { className: "medplum-checkbox-form-section-checkbox-container" }, props.children),
+        React.createElement("div", { className: "medplum-checkbox-form-section-details-container" },
+            React.createElement("label", { htmlFor: props.htmlFor }, props.title),
+            React.createElement("p", null, props.description))));
+}
+
 const DEFAULT_IGNORED_PROPERTIES = [
     'meta',
     'implicitRules',
@@ -717,9 +728,9 @@ const DEFAULT_IGNORED_PROPERTIES = [
 function FormSection(props) {
     const issues = getIssuesForExpression(props.outcome, props.htmlFor);
     const invalid = issues && issues.length > 0;
-    return (React.createElement("fieldset", null,
+    return (React.createElement("fieldset", { className: "medplum-form-section" },
         props.title && React.createElement("label", { htmlFor: props.htmlFor }, props.title),
-        props.description && React.createElement("small", null, props.description),
+        props.description && React.createElement("p", null, props.description),
         props.children,
         invalid && (React.createElement("div", { id: props.htmlFor + '-errors', className: "medplum-input-error" }, issues === null || issues === void 0 ? void 0 : issues.map((issue) => {
             var _a, _b;
@@ -727,6 +738,50 @@ function FormSection(props) {
         })))));
 }
 
+function ResourceForm(props) {
+    const medplum = useMedplum();
+    const defaultValue = useResource(props.defaultValue);
+    const [schema, setSchema] = useState();
+    const [value, setValue] = useState();
+    useEffect(() => {
+        if (defaultValue) {
+            setValue(JSON.parse(JSON.stringify(defaultValue)));
+            medplum.requestSchema(defaultValue.resourceType).then(setSchema);
+        }
+    }, [medplum, defaultValue]);
+    if (!schema || !value) {
+        return React.createElement("div", null, "Loading...");
+    }
+    return (React.createElement("form", { noValidate: true, autoComplete: "off", onSubmit: (e) => {
+            e.preventDefault();
+            if (props.onSubmit) {
+                props.onSubmit(value);
+            }
+        } },
+        React.createElement(FormSection, { title: "Resource Type" },
+            React.createElement(Input, { name: "resourceType", defaultValue: value.resourceType, disabled: true })),
+        React.createElement(FormSection, { title: "ID" },
+            React.createElement(Input, { name: "id", defaultValue: value.id, disabled: true })),
+        React.createElement(BackboneElementInput, { typeName: value.resourceType, defaultValue: value, outcome: props.outcome, onChange: setValue }),
+        React.createElement(Button, { type: "submit", size: "large" }, "OK"),
+        props.onDelete && (React.createElement(Button, { type: "button", size: "large", onClick: () => {
+                props.onDelete(value);
+            } }, "Delete"))));
+}
+function setPropertyValue(obj, key, propName, elementDefinition, value) {
+    const types = elementDefinition.type;
+    if (types.length > 1) {
+        for (const type of types) {
+            const compoundKey = key.replace('[x]', capitalize(type.code));
+            if (compoundKey in obj) {
+                delete obj[compoundKey];
+            }
+        }
+    }
+    obj[propName] = value;
+    return obj;
+}
+
 function DescriptionList(props) {
     return React.createElement("dl", { className: 'medplum-description-list' + (props.compact ? ' compact' : '') }, props.children);
 }
@@ -815,6 +870,18 @@ function ContactPointDisplay(props) {
     return React.createElement(React.Fragment, null, builder.join('').trim());
 }
 
+function ContactDetailDisplay(props) {
+    var _a;
+    const contactDetail = props.value;
+    if (!contactDetail) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        contactDetail.name,
+        contactDetail.name && ': ', (_a = contactDetail.telecom) === null || _a === void 0 ? void 0 :
+        _a.map((telecom, index) => (React.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
+}
+
 function DateTimeDisplay(props) {
     if (!props.value) {
         return null;
@@ -963,6 +1030,8 @@ function ResourcePropertyDisplay(props) {
             return React.createElement(CodeableConceptDisplay, { value: value });
         case PropertyType.Coding:
             return React.createElement(CodingDisplay, { value: value });
+        case PropertyType.ContactDetail:
+            return React.createElement(ContactDetailDisplay, { value: value });
         case PropertyType.ContactPoint:
             return React.createElement(ContactPointDisplay, { value: value });
         case PropertyType.HumanName:
@@ -1028,6 +1097,15 @@ function AnnotationInput(props) {
     return (React.createElement(Input, { name: props.name, type: "text", placeholder: "Annotation text", defaultValue: value.text, onChange: setText }));
 }
 
+function Checkbox(props) {
+    const className = 'medplum-checkbox';
+    return (React.createElement("input", { id: props.name, name: props.name, className: className, type: "checkbox", value: "true", defaultChecked: !!props.defaultValue, required: props.required, ref: props.inputRef, "data-testid": props.testid, disabled: props.disabled, onChange: (e) => {
+            if (props.onChange) {
+                props.onChange(e.currentTarget.checked);
+            }
+        } }));
+}
+
 function CodeableConceptInput(props) {
     const medplum = useMedplum();
     let defaultValue = undefined;
@@ -1123,19 +1201,34 @@ function ContactPointInput(props) {
     const ref = useRef();
     ref.current = contactPoint;
     function setContactPointWrapper(newValue) {
+        if (newValue && Object.keys(newValue).length === 0) {
+            newValue = undefined;
+        }
         setContactPoint(newValue);
         if (props.onChange) {
             props.onChange(newValue);
         }
     }
     function setSystem(system) {
-        setContactPointWrapper(Object.assign(Object.assign({}, ref.current), { system: system ? system : undefined }));
+        const newValue = Object.assign(Object.assign({}, ref.current), { system });
+        if (!system) {
+            delete newValue.system;
+        }
+        setContactPointWrapper(newValue);
     }
     function setUse(use) {
-        setContactPointWrapper(Object.assign(Object.assign({}, ref.current), { use: use ? use : undefined }));
+        const newValue = Object.assign(Object.assign({}, ref.current), { use });
+        if (!use) {
+            delete newValue.use;
+        }
+        setContactPointWrapper(newValue);
     }
     function setValue(value) {
-        setContactPointWrapper(Object.assign(Object.assign({}, ref.current), { value: value ? value : undefined }));
+        const newValue = Object.assign(Object.assign({}, ref.current), { value });
+        if (!value) {
+            delete newValue.value;
+        }
+        setContactPointWrapper(newValue);
     }
     return (React.createElement(InputRow, null,
         React.createElement(Select, { defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.system, onChange: setSystem, testid: "system" },
@@ -1156,6 +1249,36 @@ function ContactPointInput(props) {
         React.createElement(Input, { placeholder: "Value", defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.value, onChange: setValue })));
 }
 
+function ContactDetailInput(props) {
+    var _a;
+    const [contactPoint, setContactDetail] = useState(props.defaultValue);
+    const ref = useRef();
+    ref.current = contactPoint;
+    function setContactDetailWrapper(newValue) {
+        setContactDetail(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    function setName(name) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { name });
+        if (!name) {
+            delete newValue.name;
+        }
+        setContactDetailWrapper(newValue);
+    }
+    function setTelecom(telecom) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { telecom: telecom && [telecom] });
+        if (!telecom) {
+            delete newValue.telecom;
+        }
+        setContactDetailWrapper(newValue);
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Input, { name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.name, onChange: setName }),
+        React.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: (_a = contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.telecom) === null || _a === void 0 ? void 0 : _a[0], onChange: setTelecom })));
+}
+
 /**
  * The DateTimeInput component is a wrapper around the HTML5 input type="datetime-local".
  * The main purpose is to reconcile time zones.
@@ -1214,7 +1337,7 @@ function isValidDate(date) {
 }
 
 function TextArea(props) {
-    const className = 'medplum-textarea';
+    const className = 'medplum-textarea' + (props.monospace ? ' monospace' : '');
     const issues = getIssuesForExpression(props.outcome, props.name);
     const invalid = issues && issues.length > 0;
     return (React.createElement("textarea", { id: props.name, name: props.name, className: className, defaultValue: props.defaultValue || '', required: props.required, autoComplete: props.autoComplete, autoFocus: props.autoFocus, ref: props.inputRef, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', placeholder: props.placeholder, "data-testid": props.testid, style: props.style, onChange: (e) => {
@@ -1225,7 +1348,7 @@ function TextArea(props) {
 }
 
 function ExtensionInput(props) {
-    return (React.createElement(TextArea, { testid: "extension-input", name: props.name, defaultValue: stringify(props.defaultValue), onChange: (newValue) => {
+    return (React.createElement(TextArea, { testid: "extension-input", name: props.name, defaultValue: stringify(props.defaultValue), monospace: true, onChange: (newValue) => {
             if (props.onChange) {
                 props.onChange(JSON.parse(newValue));
             }
@@ -1390,7 +1513,7 @@ function ResourceInput(props) {
     }
     return (React.createElement(Autocomplete, { loadOptions: (input) => {
             return medplum
-                .search(resourceTypeRef.current, 'name=' + encodeURIComponent(input))
+                .search(resourceTypeRef.current, 'name=' + encodeURIComponent(input) + '&_count=10')
                 .then((bundle) => bundle.entry.map((entry) => entry.resource));
         }, getId: (item) => {
             return item.id;
@@ -1448,35 +1571,34 @@ function ResourceArrayInput(props) {
             props.onChange(newValues);
         }
     }
-    return (React.createElement("div", null,
-        React.createElement("table", { style: { width: '100%' } },
-            React.createElement("colgroup", null,
-                React.createElement("col", { width: "90%" }),
-                React.createElement("col", { width: "10%" })),
-            React.createElement("tbody", null,
-                values.map((v, index) => (React.createElement("tr", { key: `${index}-${values.length}` },
-                    React.createElement("td", null,
-                        React.createElement(ResourcePropertyInput, { arrayElement: true, property: props.property, name: props.name + '.' + index, defaultValue: v, onChange: (newValue) => {
-                                const copy = [...valuesRef.current];
-                                copy[index] = newValue;
-                                setValuesWrapper(copy);
-                            } })),
-                    React.createElement("td", { style: { textAlign: 'right' } },
-                        React.createElement(Button, { onClick: (e) => {
-                                killEvent(e);
-                                const copy = [...valuesRef.current];
-                                copy.splice(index, 1);
-                                setValuesWrapper(copy);
-                            } }, "Remove"))))),
-                React.createElement("tr", null,
-                    React.createElement("td", null),
-                    React.createElement("td", { style: { textAlign: 'right' } },
-                        React.createElement(Button, { onClick: (e) => {
-                                killEvent(e);
-                                const copy = [...valuesRef.current];
-                                copy.push(undefined);
-                                setValuesWrapper(copy);
-                            } }, "Add")))))));
+    return (React.createElement("table", { style: { width: '100%', borderCollapse: 'collapse' } },
+        React.createElement("colgroup", null,
+            React.createElement("col", { width: "90%" }),
+            React.createElement("col", { width: "10%" })),
+        React.createElement("tbody", null,
+            values.map((v, index) => (React.createElement("tr", { key: `${index}-${values.length}` },
+                React.createElement("td", null,
+                    React.createElement(ResourcePropertyInput, { arrayElement: true, property: props.property, name: props.name + '.' + index, defaultValue: v, onChange: (newValue) => {
+                            const copy = [...valuesRef.current];
+                            copy[index] = newValue;
+                            setValuesWrapper(copy);
+                        } })),
+                React.createElement("td", { style: { textAlign: 'right' } },
+                    React.createElement(Button, { onClick: (e) => {
+                            killEvent(e);
+                            const copy = [...valuesRef.current];
+                            copy.splice(index, 1);
+                            setValuesWrapper(copy);
+                        } }, "Remove"))))),
+            React.createElement("tr", null,
+                React.createElement("td", null),
+                React.createElement("td", { style: { textAlign: 'right' } },
+                    React.createElement(Button, { onClick: (e) => {
+                            killEvent(e);
+                            const copy = [...valuesRef.current];
+                            copy.push(undefined);
+                            setValuesWrapper(copy);
+                        } }, "Add"))))));
 }
 
 function ResourcePropertyInput(props) {
@@ -1520,6 +1642,7 @@ function ElementDefinitionInputSelector(props) {
             } }))));
 }
 function ElementDefinitionTypeInput(props) {
+    var _a;
     const property = props.property;
     const propertyType = props.elementDefinitionType.code;
     const name = props.name;
@@ -1551,7 +1674,11 @@ function ElementDefinitionTypeInput(props) {
         case PropertyType.code:
             return React.createElement(CodeInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
         case PropertyType.boolean:
-            return (React.createElement("input", { type: "checkbox", name: name, "data-testid": name, defaultChecked: !!value, value: "true", onChange: (e) => props.onChange && props.onChange(e.target.value === 'true') }));
+            return (React.createElement(Checkbox, { name: name, testid: name, defaultValue: !!value, onChange: (newValue) => {
+                    if (props.onChange) {
+                        props.onChange(newValue);
+                    }
+                } }));
         case PropertyType.markdown:
             return React.createElement(TextArea, { name: name, testid: name, defaultValue: value, onChange: props.onChange });
         // 2.24.0.2 Complex Types
@@ -1566,6 +1693,8 @@ function ElementDefinitionTypeInput(props) {
             return React.createElement(CodeableConceptInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
         case PropertyType.Coding:
             return React.createElement(CodingInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
+        case PropertyType.ContactDetail:
+            return React.createElement(ContactDetailInput, { name: name, defaultValue: value, onChange: props.onChange });
         case PropertyType.ContactPoint:
             return React.createElement(ContactPointInput, { name: name, defaultValue: value, onChange: props.onChange });
         case PropertyType.Extension:
@@ -1585,7 +1714,7 @@ function ElementDefinitionTypeInput(props) {
         case PropertyType.Reference:
             return (React.createElement(ReferenceInput, { name: name, defaultValue: value, targetTypes: getTargetTypes(property), onChange: props.onChange }));
         default:
-            return (React.createElement(BackboneElementInput, { property: property, name: name, defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
+            return (React.createElement(BackboneElementInput, { typeName: buildTypeName((_a = property.path) === null || _a === void 0 ? void 0 : _a.split('.')), defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
     }
 }
 function getTargetTypes(property) {
@@ -1593,65 +1722,8 @@ function getTargetTypes(property) {
     return (_c = (_b = (_a = property === null || property === void 0 ? void 0 : property.type) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.targetProfile) === null || _c === void 0 ? void 0 : _c.map((p) => p.split('/').pop());
 }
 
-function ResourceForm(props) {
-    const medplum = useMedplum();
-    const defaultValue = useResource(props.defaultValue);
-    const [schema, setSchema] = useState();
-    const [value, setValue] = useState();
-    useEffect(() => {
-        if (defaultValue) {
-            setValue(JSON.parse(JSON.stringify(defaultValue)));
-            medplum.requestSchema(defaultValue.resourceType).then(setSchema);
-        }
-    }, [medplum, defaultValue]);
-    if (!schema || !value) {
-        return React.createElement("div", null, "Loading...");
-    }
-    const typeSchema = schema.types[value.resourceType];
-    const typedValue = { type: value.resourceType, value };
-    return (React.createElement("form", { noValidate: true, autoComplete: "off", onSubmit: (e) => {
-            e.preventDefault();
-            if (props.onSubmit) {
-                props.onSubmit(value);
-            }
-        } },
-        React.createElement(FormSection, { title: "Resource Type" },
-            React.createElement(Input, { name: "resourceType", defaultValue: value.resourceType, disabled: true })),
-        React.createElement(FormSection, { title: "ID" },
-            React.createElement(Input, { name: "id", defaultValue: value.id, disabled: true })),
-        Object.entries(typeSchema.properties).map((entry) => {
-            const key = entry[0];
-            if (key === 'id' || DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
-                return null;
-            }
-            const property = entry[1];
-            const [propertyValue, propertyType] = getValueAndType(typedValue, key);
-            return (React.createElement(FormSection, { key: key, title: getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
-                React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
-                        setValue(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, entry[1], newValue));
-                    } })));
-        }),
-        React.createElement(Button, { type: "submit", size: "large" }, "OK"),
-        props.onDelete && (React.createElement(Button, { type: "button", size: "large", onClick: () => {
-                props.onDelete(value);
-            } }, "Delete"))));
-}
-function setPropertyValue(obj, key, propName, elementDefinition, value) {
-    const types = elementDefinition.type;
-    if (types.length > 1) {
-        for (const type of types) {
-            const compoundKey = key.replace('[x]', capitalize(type.code));
-            if (compoundKey in obj) {
-                delete obj[compoundKey];
-            }
-        }
-    }
-    obj[propName] = value;
-    return obj;
-}
-
 function BackboneElementInput(props) {
-    var _a, _b;
+    var _a;
     const [value, setValue] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : {});
     function setValueWrapper(newValue) {
         setValue(newValue);
@@ -1659,13 +1731,14 @@ function BackboneElementInput(props) {
             props.onChange(newValue);
         }
     }
-    const typeName = buildTypeName((_b = props.property.path) === null || _b === void 0 ? void 0 : _b.split('.'));
+    const typeName = props.typeName;
     const typeSchema = globalSchema.types[typeName];
     if (!typeSchema) {
         return React.createElement("div", null,
             typeName,
             "\u00A0not implemented");
     }
+    const typedValue = { type: typeName, value };
     return (React.createElement(React.Fragment, null, Object.entries(typeSchema.properties).map((entry) => {
         const key = entry[0];
         if (key === 'id' || DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
@@ -1675,7 +1748,13 @@ function BackboneElementInput(props) {
         if (!property.type) {
             return null;
         }
-        const [propertyValue, propertyType] = getValueAndType(value, key);
+        const [propertyValue, propertyType] = getValueAndType(typedValue, key);
+        if (property.type.length === 1 && property.type[0].code === 'boolean') {
+            return (React.createElement(CheckboxFormSection, { key: key, title: getPropertyDisplayName(key), description: property.definition, htmlFor: key },
+                React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
+                        setValueWrapper(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, entry[1], newValue));
+                    } })));
+        }
         return (React.createElement(FormSection, { key: key, title: getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
             React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
                     setValueWrapper(setPropertyValue(value, key, propName !== null && propName !== void 0 ? propName : key, entry[1], newValue));
@@ -3193,7 +3272,7 @@ function SearchFilterValueInput(props) {
                     }
                 } }));
         case SearchParameterType.BOOLEAN:
-            return (React.createElement("input", { type: "checkbox", name: name, "data-testid": name, defaultChecked: props.defaultValue === 'true', value: "true", onChange: (e) => props.onChange(e.target.checked ? 'true' : 'false') }));
+            return (React.createElement(Checkbox, { name: name, testid: name, defaultValue: props.defaultValue === 'true', onChange: (newValue) => props.onChange(newValue.toString()) }));
         case SearchParameterType.DATE:
             return React.createElement(Input, { type: "date", testid: name, defaultValue: props.defaultValue, onChange: props.onChange });
         case SearchParameterType.DATETIME:
@@ -3655,7 +3734,7 @@ function SearchControl(props) {
     const resources = entries === null || entries === void 0 ? void 0 : entries.map((e) => e.resource);
     const savedSearches = (_c = (_b = props.userConfig) === null || _b === void 0 ? void 0 : _b.search) === null || _c === void 0 ? void 0 : _c.filter((s) => { var _a; return (_a = s.criteria) === null || _a === void 0 ? void 0 : _a.startsWith(resourceType); });
     return (React.createElement("div", { className: "medplum-search-control", onContextMenu: (e) => killEvent(e), "data-testid": "search-control" },
-        React.createElement(TitleBar, null,
+        !props.hideToolbar && (React.createElement(TitleBar, null,
             React.createElement("div", null,
                 React.createElement("h1", null,
                     React.createElement("a", { href: `https://www.hl7.org/fhir/${resourceType.toLowerCase()}.html`, target: "_blank", rel: "noopener" }, resourceType)),
@@ -3679,7 +3758,7 @@ function SearchControl(props) {
                     ' ', (_d = lastResult.total) === null || _d === void 0 ? void 0 :
                     _d.toLocaleString()),
                 React.createElement(Button, { testid: "prev-page-button", size: "small", onClick: () => emitSearchChange(movePage(search, -1)) }, "<<"),
-                React.createElement(Button, { testid: "next-page-button", size: "small", onClick: () => emitSearchChange(movePage(search, 1)) }, ">>")))),
+                React.createElement(Button, { testid: "next-page-button", size: "small", onClick: () => emitSearchChange(movePage(search, 1)) }, ">>"))))),
         React.createElement("table", null,
             React.createElement("thead", null,
                 React.createElement("tr", null,
@@ -3688,9 +3767,9 @@ function SearchControl(props) {
                     fields.map((field) => (React.createElement("th", { key: field.name, onClick: (e) => handleSortClick(e, field.searchParams) },
                         buildFieldNameString(field.name),
                         field.searchParams && React.createElement(FilterIcon, null))))),
-                React.createElement("tr", null,
+                !props.hideFilters && (React.createElement("tr", null,
                     checkboxColumn && React.createElement("th", { className: "filters medplum-search-icon-cell" }),
-                    fields.map((field) => (React.createElement("th", { key: field.name, className: "filters" }, field.searchParams && (React.createElement(FilterDescription, { resourceType: resourceType, searchParams: field.searchParams, filters: props.search.filters }))))))),
+                    fields.map((field) => (React.createElement("th", { key: field.name, className: "filters" }, field.searchParams && (React.createElement(FilterDescription, { resourceType: resourceType, searchParams: field.searchParams, filters: props.search.filters })))))))),
             React.createElement("tbody", null, resources === null || resources === void 0 ? void 0 : resources.map((resource) => resource && (React.createElement("tr", { key: resource.id, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
                 checkboxColumn && (React.createElement("td", { className: "medplum-search-icon-cell" },
                     React.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!state.selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
@@ -3889,7 +3968,7 @@ function __awaiter(thisArg, _arguments, P, generator) {
 function HeaderSearchInput(props) {
     const medplum = useMedplum();
     return (React.createElement(Autocomplete, { loadOptions: (input, signal) => __awaiter(this, void 0, void 0, function* () {
-            return getResourcesFromResponse((yield medplum.graphql(buildGraphQLQuery(input), { signal })), input);
+            return getResourcesFromResponse((yield medplum.graphql(buildGraphQLQuery(input), undefined, undefined, { signal })), input);
         }), getId: (item) => {
             return item.id;
         }, getIcon: (item) => React.createElement(Avatar, { value: item }), getDisplay: (item) => React.createElement(ResourceName, { value: item }), getHelpText: (item) => {
@@ -4463,8 +4542,24 @@ function QuestionnaireFormItemArray(props) {
         setResponseItems(newResponseItems);
         props.onChange(newResponseItems);
     }
-    return (React.createElement(React.Fragment, null, props.items.map((item, index) => item.type === QuestionnaireItemType.group ? (React.createElement(QuestionnaireFormItem, { key: item.linkId, item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })) : (React.createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
-        React.createElement(QuestionnaireFormItem, { item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }))))));
+    return (React.createElement(React.Fragment, null, props.items.map((item, index) => {
+        if (item.type === QuestionnaireItemType.display) {
+            return React.createElement("p", { key: item.linkId }, item.text);
+        }
+        if (item.type === QuestionnaireItemType.group) {
+            return (React.createElement(QuestionnaireFormItem, { key: item.linkId, item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
+        }
+        if (item.type === QuestionnaireItemType.boolean) {
+            const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
+            return (React.createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
+                React.createElement(Checkbox, { name: item.linkId, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (newValue) => setResponseItem(index, {
+                        linkId: item.linkId,
+                        answer: [{ valueBoolean: newValue }],
+                    }) })));
+        }
+        return (React.createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
+            React.createElement(QuestionnaireFormItem, { item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
+    })));
 }
 function QuestionnaireFormItem(props) {
     const item = props.item;
@@ -4495,7 +4590,7 @@ function QuestionnaireFormItem(props) {
                 React.createElement("h3", null, item.text),
                 item.item && React.createElement(QuestionnaireFormItemArray, { items: item.item, onChange: onChangeItem })));
         case QuestionnaireItemType.boolean:
-            return (React.createElement("input", { type: "checkbox", id: name, name: name, value: "true", defaultChecked: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
+            return (React.createElement(Checkbox, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (newValue) => onChangeAnswer({ valueBoolean: newValue }) }));
         case QuestionnaireItemType.decimal:
             return (React.createElement(Input, { type: "number", step: "any", name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueDecimal, onChange: (newValue) => onChangeAnswer({ valueDecimal: parseFloat(newValue) }) }));
         case QuestionnaireItemType.integer:
@@ -4800,8 +4895,8 @@ function RequestGroupDisplay(props) {
                     "Status: ",
                     React.createElement(StatusBadge, { status: (task === null || task === void 0 ? void 0 : task.status) || 'unknown' }))),
             React.createElement("div", { className: "medplum-request-group-task-actions" },
-                taskInput && !taskOutput && (React.createElement(MedplumLink, { className: "medplum-button", to: taskInput }, "Start")),
-                taskInput && taskOutput && (React.createElement(MedplumLink, { className: "medplum-button", to: taskOutput }, "Edit")))));
+                taskInput && !taskOutput && React.createElement(Button, { onClick: () => props.onStart(task, taskInput) }, "Start"),
+                taskInput && taskOutput && (React.createElement(Button, { onClick: () => props.onEdit(task, taskInput, taskOutput) }, "Edit")))));
     })));
     function buildBatchRequest(request) {
         var _a;
@@ -5192,7 +5287,7 @@ function createScriptTag(src, onload) {
 
 function GoogleButton(props) {
     const medplum = useMedplum();
-    const { handleAuthResponse } = props;
+    const { handleGoogleCredential } = props;
     const googleClientId = getGoogleClientId(props.googleClientId);
     const parentRef = useRef(null);
     const [scriptLoaded, setScriptLoaded] = useState(typeof google !== 'undefined');
@@ -5206,7 +5301,7 @@ function GoogleButton(props) {
         if (!initialized) {
             google.accounts.id.initialize({
                 client_id: googleClientId,
-                callback: (response) => medplum.startGoogleLogin(response).then(handleAuthResponse),
+                callback: handleGoogleCredential,
             });
             setInitialized(true);
         }
@@ -5214,7 +5309,7 @@ function GoogleButton(props) {
             google.accounts.id.renderButton(parentRef.current, {});
             setButtonRendered(true);
         }
-    }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleAuthResponse]);
+    }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleGoogleCredential]);
     if (!googleClientId) {
         return null;
     }
@@ -5245,19 +5340,24 @@ function SignInForm(props) {
             setMemberships(response.memberships);
         }
         if (response.code) {
-            medplum
-                .processCode(response.code)
-                .then(() => {
-                if (props.onSuccess) {
-                    props.onSuccess();
-                }
-            })
-                .catch(console.log);
+            if (props.onCode) {
+                props.onCode(response.code);
+            }
+            else {
+                medplum
+                    .processCode(response.code)
+                    .then(() => {
+                    if (props.onSuccess) {
+                        props.onSuccess();
+                    }
+                })
+                    .catch(console.log);
+            }
         }
     }
     return (React.createElement(Document, { width: 450 }, (() => {
         if (!login) {
-            return (React.createElement(AuthenticationForm, { googleClientId: props.googleClientId, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
+            return (React.createElement(AuthenticationForm, { clientId: props.clientId, scope: props.scope, nonce: props.nonce, googleClientId: props.googleClientId, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
         }
         else if (memberships) {
             return React.createElement(ProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
@@ -5274,6 +5374,9 @@ function AuthenticationForm(props) {
     return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
             medplum
                 .startLogin({
+                clientId: props.clientId,
+                scope: props.scope,
+                nonce: props.nonce,
                 email: formData.email,
                 password: formData.password,
                 remember: formData.remember === 'true',
@@ -5300,7 +5403,18 @@ function AuthenticationForm(props) {
             React.createElement("div", null,
                 React.createElement(Button, { type: "submit", testid: "submit" }, "Sign in"))),
         React.createElement("div", { className: "medplum-signin-google-container" },
-            React.createElement(GoogleButton, { googleClientId: props.googleClientId, handleAuthResponse: props.handleAuthResponse }))));
+            React.createElement(GoogleButton, { googleClientId: props.googleClientId, handleGoogleCredential: (response) => {
+                    medplum
+                        .startGoogleLogin({
+                        clientId: props.clientId,
+                        scope: props.scope,
+                        nonce: props.nonce,
+                        googleClientId: response.clientId,
+                        googleCredential: response.credential,
+                    })
+                        .then(props.handleAuthResponse)
+                        .catch(setOutcome);
+                } }))));
 }
 function ProfileForm(props) {
     const medplum = useMedplum();
@@ -5372,5 +5486,5 @@ function TabSwitch(props) {
     })));
 }
 
-export { AddressDisplay, AddressInput, AttachmentArrayDisplay, AttachmentArrayInput, AttachmentInput, Autocomplete, Avatar, BackboneElementInput, Button, CodeInput, CodeableConceptDisplay, CodeableConceptInput, ContactPointDisplay, ContactPointInput, DateTimeDisplay, DateTimeInput, DefaultResourceTimeline, DiagnosticReportDisplay, Document, ElementDefinitionInputSelector, ElementDefinitionTypeInput, EncounterTimeline, ErrorBoundary, FhirPathTable, FooterLinks, Form, FormSection, Header, HumanNameDisplay, HumanNameInput, IdentifierInput, Input, Loading, Logo, MedplumLink, MedplumProvider, MemoizedFhirPathTable, MemoizedSearchControl, MenuItem, ObservationTable, PatientTimeline, PlanDefinitionBuilder, Popup, QuestionnaireBuilder, QuestionnaireForm, QuestionnaireFormItem, QuestionnaireItemType, RangeDisplay, RangeInput, ReferenceInput, RequestGroupDisplay, ResourceArrayDisplay, ResourceArrayInput, ResourceBadge, ResourceBlame, ResourceDiff, ResourceForm, ResourceHistoryTable, ResourceInput, ResourceName, ResourcePropertyDisplay, ResourcePropertyInput, ResourceTable, ResourceTimeline, Scrollable, SearchChangeEvent, SearchClickEvent, SearchControl, SearchFieldEditor, SearchFilterEditor, SearchLoadEvent, Select, ServiceRequestTimeline, SignInForm, StatusBadge, Tab, TabList, TabPanel, TabSwitch, TextArea, Timeline, TimelineItem, TitleBar, UploadButton, addDateEqualsFilter, addDateFilter, addDateFilterBetween, addField, addFilter, addLastMonthFilter, addMissingFilter, addNextMonthFilter, addQuestionnaireInitialValues, addThisMonthFilter, addTodayFilter, addTomorrowFilter, addYearToDateFilter, addYesterdayFilter, buildFieldNameString, clearFilters, clearFiltersOnField, convertIsoToLocal, convertLocalToIso, createScriptTag, deleteFilter, formatRangeString, getOpString, getSearchOperators, getSortField, getTimeString, getValueAndType, hasFilterOnField, isChoiceQuestion, isSortDescending, movePage, parseForm, renderValue, setFilters, setOffset, setPropertyValue, setSort, sortByDateAndPriority, toggleSort, useMedplum, useMedplumContext, useMedplumProfile, useResource };
+export { AddressDisplay, AddressInput, AttachmentArrayDisplay, AttachmentArrayInput, AttachmentInput, Autocomplete, Avatar, BackboneElementInput, Button, Checkbox, CheckboxFormSection, CodeInput, CodeableConceptDisplay, CodeableConceptInput, ContactDetailDisplay, ContactDetailInput, ContactPointDisplay, ContactPointInput, DateTimeDisplay, DateTimeInput, DefaultResourceTimeline, DiagnosticReportDisplay, Document, ElementDefinitionInputSelector, ElementDefinitionTypeInput, EncounterTimeline, ErrorBoundary, FhirPathTable, FooterLinks, Form, FormSection, Header, HumanNameDisplay, HumanNameInput, IdentifierInput, Input, Loading, Logo, MedplumLink, MedplumProvider, MemoizedFhirPathTable, MemoizedSearchControl, MenuItem, ObservationTable, PatientTimeline, PlanDefinitionBuilder, Popup, QuestionnaireBuilder, QuestionnaireForm, QuestionnaireFormItem, QuestionnaireItemType, RangeDisplay, RangeInput, ReferenceInput, RequestGroupDisplay, ResourceArrayDisplay, ResourceArrayInput, ResourceBadge, ResourceBlame, ResourceDiff, ResourceForm, ResourceHistoryTable, ResourceInput, ResourceName, ResourcePropertyDisplay, ResourcePropertyInput, ResourceTable, ResourceTimeline, Scrollable, SearchChangeEvent, SearchClickEvent, SearchControl, SearchFieldEditor, SearchFilterEditor, SearchLoadEvent, Select, ServiceRequestTimeline, SignInForm, StatusBadge, Tab, TabList, TabPanel, TabSwitch, TextArea, Timeline, TimelineItem, TitleBar, UploadButton, addDateEqualsFilter, addDateFilter, addDateFilterBetween, addField, addFilter, addLastMonthFilter, addMissingFilter, addNextMonthFilter, addQuestionnaireInitialValues, addThisMonthFilter, addTodayFilter, addTomorrowFilter, addYearToDateFilter, addYesterdayFilter, buildFieldNameString, clearFilters, clearFiltersOnField, convertIsoToLocal, convertLocalToIso, createScriptTag, deleteFilter, formatRangeString, getOpString, getSearchOperators, getSortField, getTimeString, getValueAndType, hasFilterOnField, isChoiceQuestion, isSortDescending, movePage, parseForm, renderValue, setFilters, setOffset, setPropertyValue, setSort, sortByDateAndPriority, toggleSort, useMedplum, useMedplumContext, useMedplumProfile, useResource };
 //# sourceMappingURL=index.js.map