@medplum/react 0.9.34 → 0.9.36

package/README.md

@@ -4,7 +4,7 @@ The Medplum React Component Library provides many helpful components to quickly
 
 The Medplum SDK can be used with any compliant FHIR server. However, some advanced features are only available when paired with a Medplum server.
 
-Check out a live demo: [https://docs.medplum.com/storybook/index.html](https://docs.medplum.com/storybook/index.html)
+Check out a live demo: <https://storybook.medplum.com/>
 
 ## Key Features
 

package/dist/cjs/QuestionnaireUtils.d.ts

@@ -1,4 +1,4 @@
-import { Questionnaire, QuestionnaireItem } from '@medplum/fhirtypes';
+import { QuestionnaireItem } from '@medplum/fhirtypes';
 export declare enum QuestionnaireItemType {
     group = "group",
     display = "display",
@@ -18,13 +18,4 @@ export declare enum QuestionnaireItemType {
     reference = "reference",
     quantity = "quantity"
 }
-/**
- * Adds initial values to a questionnaire resource from key value pairs.
- * The values map uses "linkId" as key.
- * The value depends on the questionnaire item type.
- * @param questionnaire The original questionnaire.
- * @param values Key value pairs for initial values.
- * @returns Rewritten questionnaire with initial values.
- */
-export declare function addQuestionnaireInitialValues(questionnaire: Questionnaire, values: Record<string, string>): Questionnaire;
 export declare function isChoiceQuestion(item: QuestionnaireItem): boolean;

package/dist/cjs/SearchControlField.d.ts

@@ -1,4 +1,4 @@
-import { IndexedStructureDefinition, SearchRequest } from '@medplum/core';
+import { SearchRequest } from '@medplum/core';
 import { ElementDefinition, SearchParameter } from '@medplum/fhirtypes';
 /**
  * The SearchControlField type describes a field in the search control.
@@ -34,8 +34,7 @@ export interface SearchControlField {
 }
 /**
  * Returns the collection of field definitions for the search request.
- * @param typeSchema The schema for the resource type
  * @param search The search request definition.
  * @returns An array of field definitions.
  */
-export declare function getFieldDefinitions(schema: IndexedStructureDefinition, search: SearchRequest): SearchControlField[];
+export declare function getFieldDefinitions(search: SearchRequest): SearchControlField[];

package/dist/cjs/SearchFieldEditor.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition, SearchRequest } from '@medplum/core';
+import { SearchRequest } from '@medplum/core';
 interface SearchFieldEditorProps {
-    schema: IndexedStructureDefinition;
     visible: boolean;
     search: SearchRequest;
     onOk: (search: SearchRequest) => void;

package/dist/cjs/SearchFilterEditor.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition, SearchRequest } from '@medplum/core';
+import { SearchRequest } from '@medplum/core';
 import './SearchFilterEditor.css';
 export interface SearchFilterEditorProps {
-    schema: IndexedStructureDefinition;
     visible: boolean;
     search: SearchRequest;
     onOk: (search: SearchRequest) => void;

package/dist/cjs/SearchFilterValueDialog.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { Filter, IndexedStructureDefinition } from '@medplum/core';
+import { Filter } from '@medplum/core';
 import { SearchParameter } from '@medplum/fhirtypes';
 export interface SearchFilterValueDialogProps {
     title: string;
     visible: boolean;
-    schema: IndexedStructureDefinition;
     resourceType: string;
     searchParam?: SearchParameter;
     filter?: Filter;

package/dist/cjs/SearchFilterValueDisplay.d.ts

@@ -4,4 +4,4 @@ export interface SearchFilterValueDisplayProps {
     readonly resourceType: string;
     readonly filter: Filter;
 }
-export declare function SearchFilterValueDisplay(props: SearchFilterValueDisplayProps): JSX.Element | null;
+export declare function SearchFilterValueDisplay(props: SearchFilterValueDisplayProps): JSX.Element;

package/dist/cjs/SearchFilterValueInput.d.ts

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import { IndexedStructureDefinition } from '@medplum/core';
 import { SearchParameter } from '@medplum/fhirtypes';
 export interface SearchFilterValueInputProps {
-    schema: IndexedStructureDefinition;
     resourceType: string;
     searchParam: SearchParameter;
     defaultValue?: string;

package/dist/cjs/SearchPopupMenu.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { Filter, IndexedStructureDefinition, SearchRequest } from '@medplum/core';
+import { Filter, SearchRequest } from '@medplum/core';
 import { SearchParameter } from '@medplum/fhirtypes';
 export interface SearchPopupMenuProps {
-    schema: IndexedStructureDefinition;
     search: SearchRequest;
     visible: boolean;
     x: number;

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

@@ -6,6 +6,7 @@ export interface AuthenticationFormProps {
     readonly scope?: string;
     readonly nonce?: string;
     readonly googleClientId?: string;
+    readonly generatePkce?: boolean;
     readonly codeChallenge?: string;
     readonly codeChallengeMethod?: string;
     readonly onForgotPassword?: () => void;

package/dist/cjs/index.js

@@ -18,7 +18,25 @@
 
     function getIssuesForExpression(outcome, expression) {
         var _a;
-        return (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return ((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0]) === expression; });
+        return (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a.filter((issue) => { var _a; return isExpressionMatch((_a = issue.expression) === null || _a === void 0 ? void 0 : _a[0], expression); });
+    }
+    function isExpressionMatch(expr1, expr2) {
+        // Expression can be either "fieldName" or "resourceType.fieldName"
+        if (expr1 === expr2) {
+            return true;
+        }
+        if (!expr1 || !expr2) {
+            return false;
+        }
+        const dot1 = expr1.indexOf('.');
+        if (dot1 >= 0 && expr1.substring(dot1 + 1) === expr2) {
+            return true;
+        }
+        const dot2 = expr2.indexOf('.');
+        if (dot2 >= 0 && expr2.substring(dot2 + 1) === expr1) {
+            return true;
+        }
+        return false;
     }
 
     function Input(props) {
@@ -518,7 +536,7 @@
             return clientId;
         }
         const origin = window.location.protocol + '//' + window.location.host;
-        const authorizedOrigins = (_b = (_a = "http://localhost:3000,http://127.0.0.1:3000,http://localhost:6006,http://127.0.0.1:6006,https://app.medplum.com,https://docs.medplum.com") === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
+        const authorizedOrigins = (_b = (_a = "http://localhost:3000,http://127.0.0.1:3000,http://localhost:6006,http://127.0.0.1:6006,https://app.medplum.com,https://docs.medplum.com,https://storybook.medplum.com,https://graphiql.medplum.com,https://www.medplum.com") === null || _a === void 0 ? void 0 : _a.split(',')) !== null && _b !== void 0 ? _b : [];
         if (authorizedOrigins.includes(origin)) {
             return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
         }
@@ -706,9 +724,16 @@
         const googleClientId = getGoogleClientId(props.googleClientId);
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
+        function startPkce() {
+            return __awaiter(this, void 0, void 0, function* () {
+                if (props.generatePkce) {
+                    yield medplum.startPkce();
+                }
+            });
+        }
         return (React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
-                medplum
-                    .startLogin({
+                startPkce()
+                    .then(() => medplum.startLogin({
                     projectId: props.projectId,
                     clientId: props.clientId,
                     scope: props.scope,
@@ -718,7 +743,7 @@
                     email: formData.email,
                     password: formData.password,
                     remember: formData.remember === 'true',
-                })
+                }))
                     .then(props.handleAuthResponse)
                     .catch(setOutcome);
             } },
@@ -730,8 +755,8 @@
             googleClientId && (React__default["default"].createElement(React__default["default"].Fragment, null,
                 React__default["default"].createElement("div", { className: "medplum-signin-google-container" },
                     React__default["default"].createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => {
-                            medplum
-                                .startGoogleLogin({
+                            startPkce()
+                                .then(() => medplum.startGoogleLogin({
                                 projectId: props.projectId,
                                 clientId: props.clientId,
                                 scope: props.scope,
@@ -740,7 +765,7 @@
                                 codeChallengeMethod: props.codeChallengeMethod,
                                 googleClientId: response.clientId,
                                 googleCredential: response.credential,
-                            })
+                            }))
                                 .then(props.handleAuthResponse)
                                 .catch(setOutcome);
                         } })),
@@ -891,7 +916,7 @@
         }
         return (React__default["default"].createElement(Document, { width: 450 }, (() => {
             if (!login) {
-                return (React__default["default"].createElement(AuthenticationForm, { projectId: props.projectId, clientId: props.clientId, scope: props.scope, nonce: props.nonce, googleClientId: props.googleClientId, codeChallenge: props.codeChallenge, codeChallengeMethod: props.codeChallengeMethod, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
+                return (React__default["default"].createElement(AuthenticationForm, { projectId: props.projectId, clientId: props.clientId, scope: props.scope, nonce: props.nonce, googleClientId: props.googleClientId, generatePkce: !props.onCode, codeChallenge: props.codeChallenge, codeChallengeMethod: props.codeChallengeMethod, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
             }
             else if (memberships) {
                 return React__default["default"].createElement(ChooseProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
@@ -1685,7 +1710,8 @@
                 React__default["default"].createElement("option", null, "pager"),
                 React__default["default"].createElement("option", null, "phone"),
                 React__default["default"].createElement("option", null, "other"),
-                React__default["default"].createElement("option", null, "sms")),
+                React__default["default"].createElement("option", null, "sms"),
+                React__default["default"].createElement("option", null, "url")),
             React__default["default"].createElement(Select, { defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.use, onChange: setUse, testid: "use" },
                 React__default["default"].createElement("option", null),
                 React__default["default"].createElement("option", null, "home"),
@@ -2550,11 +2576,24 @@
                     ((_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.autoClose) &&
                     (ref === null || ref === void 0 ? void 0 : ref.current) &&
                     !ref.current.contains(e.target)) {
+                    killEvent(e);
                     props.onClose();
                 }
             }
+            function handleScroll(e) {
+                var _a;
+                if ((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.visible) {
+                    killEvent(e);
+                }
+            }
             document.addEventListener('click', handleClick, true);
-            return () => document.removeEventListener('click', handleClick, true);
+            window.addEventListener('wheel', handleScroll, { passive: false });
+            window.addEventListener('touchmove', handleScroll, true);
+            return () => {
+                document.removeEventListener('click', handleClick, true);
+                window.removeEventListener('wheel', handleScroll);
+                window.removeEventListener('touchmove', handleScroll, true);
+            };
         }, [props]);
         // Listen for changes in the location
         // If the browser navigates to a new page, close the popup
@@ -2956,27 +2995,25 @@
 
     /**
      * Returns the collection of field definitions for the search request.
-     * @param typeSchema The schema for the resource type
      * @param search The search request definition.
      * @returns An array of field definitions.
      */
-    function getFieldDefinitions(schema, search) {
+    function getFieldDefinitions(search) {
         const resourceType = search.resourceType;
         const fields = [];
         for (const name of search.fields || ['id', '_lastUpdated']) {
-            fields.push(getFieldDefinition(schema, resourceType, name));
+            fields.push(getFieldDefinition(resourceType, name));
         }
         return fields;
     }
     /**
      * Return the field definition for a given field name.
      * Field names can be either property names or search parameter codes.
-     * @param typeSchema The schema for the resource type
      * @param resourceType The resource type.
      * @param name The search field name (either property name or search parameter code).
      * @returns The field definition.
      */
-    function getFieldDefinition(schema, resourceType, name) {
+    function getFieldDefinition(resourceType, name) {
         var _a;
         if (name === '_lastUpdated') {
             return {
@@ -3008,7 +3045,7 @@
                 ],
             };
         }
-        const typeSchema = schema.types[resourceType];
+        const typeSchema = core.globalSchema.types[resourceType];
         const exactElementDefinition = typeSchema.properties[name];
         const exactSearchParam = (_a = typeSchema.searchParams) === null || _a === void 0 ? void 0 : _a[name.toLowerCase()];
         // Best case: Exact match of element definition or search parameter.
@@ -3039,7 +3076,7 @@
         // Patient.email is a search parameter for the Patient.telecom element.
         // So we need to walk backwards to find the element definition.
         if (exactSearchParam) {
-            const details = core.getSearchParameterDetails(schema, resourceType, exactSearchParam);
+            const details = core.getSearchParameterDetails(resourceType, exactSearchParam);
             return { name, elementDefinition: details.elementDefinition, searchParams: [exactSearchParam] };
         }
         // Worst case: no element definition and no search parameter.
@@ -3655,7 +3692,7 @@
             return null;
         }
         const resourceType = props.search.resourceType;
-        const typeDef = props.schema.types[resourceType];
+        const typeDef = core.globalSchema.types[resourceType];
         const selected = (_a = state.search.fields) !== null && _a !== void 0 ? _a : [];
         const available = getFieldsList(typeDef)
             .filter((field) => !(selected === null || selected === void 0 ? void 0 : selected.includes(field)))
@@ -3715,22 +3752,23 @@
 
     function SearchFilterValueDisplay(props) {
         var _a, _b;
-        const medplum = useMedplum();
-        const schema = medplum.getSchema();
-        const searchParam = (_b = (_a = schema.types[props.resourceType]) === null || _a === void 0 ? void 0 : _a.searchParams) === null || _b === void 0 ? void 0 : _b[props.filter.code];
-        const filter = props.filter;
-        if ((searchParam === null || searchParam === void 0 ? void 0 : searchParam.type) === 'reference') {
-            return React__default["default"].createElement(ResourceName, { value: { reference: filter.value } });
-        }
-        if (props.filter.code === '_lastUpdated' || (searchParam === null || searchParam === void 0 ? void 0 : searchParam.type) === 'datetime') {
-            return React__default["default"].createElement(React__default["default"].Fragment, null, core.formatDateTime(filter.value));
+        const { resourceType, filter } = props;
+        const searchParam = (_b = (_a = core.globalSchema.types[resourceType]) === null || _a === void 0 ? void 0 : _a.searchParams) === null || _b === void 0 ? void 0 : _b[filter.code];
+        if (searchParam) {
+            if (searchParam.type === 'reference') {
+                return React__default["default"].createElement(ResourceName, { value: { reference: filter.value } });
+            }
+            const searchParamDetails = core.getSearchParameterDetails(resourceType, searchParam);
+            if (filter.code === '_lastUpdated' || searchParamDetails.type === core.SearchParameterType.DATETIME) {
+                return React__default["default"].createElement(React__default["default"].Fragment, null, core.formatDateTime(filter.value));
+            }
         }
         return React__default["default"].createElement(React__default["default"].Fragment, null, filter.value);
     }
 
     function SearchFilterValueInput(props) {
         var _a;
-        const details = core.getSearchParameterDetails(props.schema, props.resourceType, props.searchParam);
+        const details = core.getSearchParameterDetails(props.resourceType, props.searchParam);
         const name = 'filter-value';
         switch (details.type) {
             case core.SearchParameterType.REFERENCE:
@@ -3791,9 +3829,8 @@
         if (!props.visible) {
             return null;
         }
-        const schema = props.schema;
         const resourceType = props.search.resourceType;
-        const searchParams = schema.types[resourceType].searchParams;
+        const searchParams = core.globalSchema.types[resourceType].searchParams;
         const filters = search.filters || [];
         return (React__default["default"].createElement(Dialog, { title: "Filters", visible: props.visible, onOk: () => props.onOk(searchRef.current), onCancel: props.onCancel },
             React__default["default"].createElement("div", { className: "medplum-filter-editor" },
@@ -3812,7 +3849,7 @@
                     React__default["default"].createElement("tbody", null,
                         filters.map((filter, index) => {
                             if (index === editingIndex) {
-                                return (React__default["default"].createElement(FilterRowInput, { key: `filter-${index}-${filters.length}-input`, schema: schema, resourceType: resourceType, searchParams: searchParams, defaultValue: filter, okText: "Save", onOk: (newFilter) => {
+                                return (React__default["default"].createElement(FilterRowInput, { key: `filter-${index}-${filters.length}-input`, resourceType: resourceType, searchParams: searchParams, defaultValue: filter, okText: "Save", onOk: (newFilter) => {
                                         const newFilters = [...filters];
                                         newFilters[index] = newFilter;
                                         setSearch(setFilters(searchRef.current, newFilters));
@@ -3823,7 +3860,7 @@
                                 return (React__default["default"].createElement(FilterRowDisplay, { key: `filter-${index}-${filters.length}-display`, resourceType: resourceType, searchParams: searchParams, filter: filter, onEdit: () => setEditingIndex(index), onDelete: () => setSearch(deleteFilter(searchRef.current, index)) }));
                             }
                         }),
-                        React__default["default"].createElement(FilterRowInput, { schema: schema, resourceType: resourceType, searchParams: searchParams, okText: "Add", onOk: onAddFilter }))))));
+                        React__default["default"].createElement(FilterRowInput, { resourceType: resourceType, searchParams: searchParams, okText: "Add", onOk: onAddFilter }))))));
     }
     function FilterRowDisplay(props) {
         const { filter } = props;
@@ -3860,7 +3897,7 @@
             React__default["default"].createElement("td", null, operators && (React__default["default"].createElement(Select, { testid: "filter-operation", defaultValue: value.operator, onChange: setFilterOperator },
                 React__default["default"].createElement("option", { value: "" }),
                 operators.map((operator) => (React__default["default"].createElement("option", { key: operator, value: operator }, getOpString(operator))))))),
-            React__default["default"].createElement("td", null, searchParam && value.operator && (React__default["default"].createElement(SearchFilterValueInput, { schema: props.schema, resourceType: props.resourceType, searchParam: searchParam, defaultValue: value.value, onChange: setFilterValue }))),
+            React__default["default"].createElement("td", null, searchParam && value.operator && (React__default["default"].createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: searchParam, defaultValue: value.value, onChange: setFilterValue }))),
             React__default["default"].createElement("td", null,
                 value.code && value.operator && value.value && (React__default["default"].createElement(Button, { size: "small", onClick: () => {
                         props.onOk(valueRef.current);
@@ -3881,7 +3918,7 @@
         return (React__default["default"].createElement(Dialog, { title: props.title, visible: props.visible, onOk: onOk, onCancel: props.onCancel },
             React__default["default"].createElement("div", { style: { width: 500 } },
                 React__default["default"].createElement(Form, { onSubmit: onOk },
-                    React__default["default"].createElement(SearchFilterValueInput, { schema: props.schema, resourceType: props.resourceType, searchParam: props.searchParam, defaultValue: value, autoFocus: true, onChange: setValue })))));
+                    React__default["default"].createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: props.searchParam, defaultValue: value, autoFocus: true, onChange: setValue })))));
     }
 
     function MenuSeparator() {
@@ -4077,7 +4114,7 @@
     function SearchControl(props) {
         var _a, _b, _c, _d;
         const medplum = useMedplum();
-        const [schema, setSchema] = React.useState();
+        const [schemaLoaded, setSchemaLoaded] = React.useState(false);
         const [outcome, setOutcome] = React.useState();
         const { search, onLoad } = props;
         const [state, setState] = React.useState({
@@ -4095,7 +4132,7 @@
         React.useEffect(() => {
             setOutcome(undefined);
             medplum
-                .search(search.resourceType, core.formatSearchQuery(Object.assign(Object.assign({}, search), { total: 'accurate' })))
+                .search(search.resourceType, core.formatSearchQuery(Object.assign(Object.assign({}, search), { total: 'accurate', fields: undefined })))
                 .then((response) => {
                 setState(Object.assign(Object.assign({}, stateRef.current), { searchResponse: response }));
                 if (onLoad) {
@@ -4187,21 +4224,18 @@
             }
         }
         React.useEffect(() => {
+            setSchemaLoaded(false);
             medplum
                 .requestSchema(props.search.resourceType)
-                .then((newSchema) => {
-                // The schema could have the same object identity,
-                // so need to use the spread operator to kick React re-render.
-                setSchema(Object.assign({}, newSchema));
-            })
+                .then(() => setSchemaLoaded(true))
                 .catch(console.log);
         }, [medplum, props.search.resourceType]);
-        const typeSchema = (_a = schema === null || schema === void 0 ? void 0 : schema.types) === null || _a === void 0 ? void 0 : _a[props.search.resourceType];
+        const typeSchema = schemaLoaded && ((_a = core.globalSchema === null || core.globalSchema === void 0 ? void 0 : core.globalSchema.types) === null || _a === void 0 ? void 0 : _a[props.search.resourceType]);
         if (!typeSchema) {
             return React__default["default"].createElement(Loading, null);
         }
         const checkboxColumn = props.checkboxesEnabled;
-        const fields = getFieldDefinitions(schema, search);
+        const fields = getFieldDefinitions(search);
         const resourceType = search.resourceType;
         const lastResult = state.searchResponse;
         const entries = lastResult === null || lastResult === void 0 ? void 0 : lastResult.entry;
@@ -4251,7 +4285,7 @@
             (resources === null || resources === void 0 ? void 0 : resources.length) === 0 && (React__default["default"].createElement("div", { "data-testid": "empty-search", className: "medplum-empty-search" }, "No results")),
             outcome && (React__default["default"].createElement("div", { "data-testid": "search-error", className: "medplum-empty-search" },
                 React__default["default"].createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
-            React__default["default"].createElement(SearchPopupMenu, { schema: schema, search: props.search, visible: state.popupVisible, x: state.popupX, y: state.popupY, searchParams: state.popupSearchParams, onPrompt: (searchParam, filter) => {
+            React__default["default"].createElement(SearchPopupMenu, { search: props.search, visible: state.popupVisible, x: state.popupX, y: state.popupY, searchParams: state.popupSearchParams, onPrompt: (searchParam, filter) => {
                     setState(Object.assign(Object.assign({}, stateRef.current), { popupVisible: false, filterDialogVisible: true, filterDialogSearchParam: searchParam, filterDialogFilter: filter }));
                 }, onChange: (result) => {
                     emitSearchChange(result);
@@ -4259,19 +4293,19 @@
                 }, onClose: () => {
                     setState(Object.assign(Object.assign({}, stateRef.current), { popupVisible: false, popupSearchParams: undefined }));
                 } }),
-            React__default["default"].createElement(SearchFieldEditor, { schema: schema, search: props.search, visible: stateRef.current.fieldEditorVisible, onOk: (result) => {
+            React__default["default"].createElement(SearchFieldEditor, { search: props.search, visible: stateRef.current.fieldEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
                     setState(Object.assign(Object.assign({}, stateRef.current), { fieldEditorVisible: false }));
                 }, onCancel: () => {
                     setState(Object.assign(Object.assign({}, stateRef.current), { fieldEditorVisible: false }));
                 } }),
-            React__default["default"].createElement(SearchFilterEditor, { schema: schema, search: props.search, visible: stateRef.current.filterEditorVisible, onOk: (result) => {
+            React__default["default"].createElement(SearchFilterEditor, { search: props.search, visible: stateRef.current.filterEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
                     setState(Object.assign(Object.assign({}, stateRef.current), { filterEditorVisible: false }));
                 }, onCancel: () => {
                     setState(Object.assign(Object.assign({}, stateRef.current), { filterEditorVisible: false }));
                 } }),
-            React__default["default"].createElement(SearchFilterValueDialog, { visible: stateRef.current.filterDialogVisible, title: 'Input', schema: schema, resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
+            React__default["default"].createElement(SearchFilterValueDialog, { visible: stateRef.current.filterDialogVisible, title: 'Input', resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
                     emitSearchChange(addFilter(props.search, filter.code, filter.operator, filter.value));
                     setState(Object.assign(Object.assign({}, stateRef.current), { filterDialogVisible: false }));
                 }, onCancel: () => {
@@ -4820,6 +4854,8 @@
         return (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(FormSection, { title: "Title", htmlFor: `actionTitle-${action.id}` },
                 React__default["default"].createElement(Input, { name: `actionTitle-${action.id}`, defaultValue: action.title, onChange: (newValue) => changeProperty('title', newValue) })),
+            React__default["default"].createElement(FormSection, { title: "Description", htmlFor: `actionDescription-${action.id}` },
+                React__default["default"].createElement(Input, { name: `actionDescription-${action.id}`, defaultValue: action.description, onChange: (newValue) => changeProperty('description', newValue) })),
             React__default["default"].createElement(FormSection, { title: "Type of Action", description: "The type of the action to be performed.", htmlFor: `actionType-${action.id}` },
                 React__default["default"].createElement(Select, { name: `actionType-${action.id}`, defaultValue: actionType, onChange: setActionType },
                     React__default["default"].createElement("option", null),
@@ -4934,81 +4970,6 @@
         QuestionnaireItemType["reference"] = "reference";
         QuestionnaireItemType["quantity"] = "quantity";
     })(exports.QuestionnaireItemType || (exports.QuestionnaireItemType = {}));
-    /**
-     * Adds initial values to a questionnaire resource from key value pairs.
-     * The values map uses "linkId" as key.
-     * The value depends on the questionnaire item type.
-     * @param questionnaire The original questionnaire.
-     * @param values Key value pairs for initial values.
-     * @returns Rewritten questionnaire with initial values.
-     */
-    function addQuestionnaireInitialValues(questionnaire, values) {
-        return Object.assign(Object.assign({}, questionnaire), { item: addInitialValuesToItemArray(questionnaire.item, values) });
-    }
-    function addInitialValuesToItemArray(items, values) {
-        if (!items) {
-            return undefined;
-        }
-        return items.map((item) => addInitialValueToItem(item, values));
-    }
-    function addInitialValueToItem(item, values) {
-        const { linkId, type } = item;
-        if (!linkId || !type) {
-            return item;
-        }
-        if (type === 'group') {
-            return Object.assign(Object.assign({}, item), { item: addInitialValuesToItemArray(item.item, values) });
-        }
-        const suppliedValue = values[linkId];
-        if (!suppliedValue) {
-            return item;
-        }
-        let initialValue = undefined;
-        switch (type) {
-            case core.PropertyType.boolean:
-                initialValue = { valueBoolean: suppliedValue === 'true' };
-                break;
-            case core.PropertyType.code:
-            case core.PropertyType.Coding:
-                initialValue = { valueCoding: { code: suppliedValue } };
-                break;
-            case core.PropertyType.date:
-                initialValue = { valueDate: suppliedValue };
-                break;
-            case core.PropertyType.dateTime:
-            case core.PropertyType.instant:
-                initialValue = { valueDateTime: suppliedValue };
-                break;
-            case core.PropertyType.decimal:
-                initialValue = { valueDecimal: parseFloat(suppliedValue) };
-                break;
-            case core.PropertyType.integer:
-            case core.PropertyType.positiveInt:
-            case core.PropertyType.unsignedInt:
-                initialValue = { valueInteger: parseInt(suppliedValue) };
-                break;
-            case core.PropertyType.SystemString:
-            case core.PropertyType.string:
-            case core.PropertyType.markdown:
-                initialValue = { valueString: suppliedValue };
-                break;
-            case core.PropertyType.time:
-                initialValue = { valueTime: suppliedValue };
-                break;
-            case core.PropertyType.uri:
-            case core.PropertyType.url:
-                initialValue = { valueUri: suppliedValue };
-                break;
-            case core.PropertyType.canonical:
-            case core.PropertyType.Reference:
-                initialValue = { valueReference: { reference: suppliedValue } };
-                break;
-        }
-        if (!initialValue) {
-            return item;
-        }
-        return Object.assign(Object.assign({}, item), { initial: [initialValue] });
-    }
     function isChoiceQuestion(item) {
         return item.type === 'choice' || item.type === 'open-choice';
     }
@@ -5442,6 +5403,15 @@
         if (!items) {
             return undefined;
         }
+        items.forEach((item) => {
+            var _a, _b;
+            if ((_a = item.id) === null || _a === void 0 ? void 0 : _a.match(/^id-\d+$/)) {
+                nextId = Math.max(nextId, parseInt(item.id.substring(3)) + 1);
+            }
+            if ((_b = item.linkId) === null || _b === void 0 ? void 0 : _b.match(/^q\d+$/)) {
+                nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1)) + 1);
+            }
+        });
         return items.map((item) => (Object.assign(Object.assign({}, item), { id: item.id || generateId(), item: ensureQuestionnaireItemKeys(item.item), answerOption: ensureQuestionnaireOptionKeys(item.answerOption) })));
     }
     function ensureQuestionnaireOptionKeys(options) {
@@ -5479,6 +5449,7 @@
                 React__default["default"].createElement("div", { className: "medplum-request-group-task-checkmark" }, (task === null || task === void 0 ? void 0 : task.status) === 'completed' ? '🗹' : '☐'),
                 React__default["default"].createElement("div", { className: "medplum-request-group-task-details" },
                     React__default["default"].createElement("div", { className: "medplum-request-group-task-title" }, action.title),
+                    action.description && React__default["default"].createElement("div", null, action.description),
                     React__default["default"].createElement("div", null,
                         "Last edited by\u00A0",
                         React__default["default"].createElement(ResourceName, { value: (_e = task === null || task === void 0 ? void 0 : task.meta) === null || _e === void 0 ? void 0 : _e.author }),
@@ -5636,6 +5607,7 @@
     function blame(history) {
         // Convert to array of array of lines
         const versions = history.entry
+            .filter((entry) => !!entry.resource)
             .map((entry) => {
             var _a;
             return ({
@@ -6178,7 +6150,6 @@
     exports.addLastMonthFilter = addLastMonthFilter;
     exports.addMissingFilter = addMissingFilter;
     exports.addNextMonthFilter = addNextMonthFilter;
-    exports.addQuestionnaireInitialValues = addQuestionnaireInitialValues;
     exports.addThisMonthFilter = addThisMonthFilter;
     exports.addTodayFilter = addTodayFilter;
     exports.addTomorrowFilter = addTomorrowFilter;