@medplum/react 0.9.29 → 0.9.30

package/dist/cjs/index.d.ts

@@ -18,6 +18,7 @@ export * from './ContactPointDisplay';
 export * from './ContactPointInput';
 export * from './DateTimeInput';
 export * from './DefaultResourceTimeline';
+export * from './DescriptionList';
 export * from './DiagnosticReportDisplay';
 export * from './Document';
 export * from './EncounterTimeline';

package/dist/cjs/index.js

@@ -392,6 +392,7 @@
             }
         }
         function handleBlur() {
+            tryAddOption();
             setFocused(false);
             dismissOnDelay();
         }
@@ -1106,7 +1107,7 @@
                 return medplum.searchValueSet(system, input).then((valueSet) => {
                     return valueSet.expansion.contains.map(valueSetElementToCodeableConcept);
                 });
-            }, buildUnstructured: buildUnstructured, getId: getId, getDisplay: getDisplay, name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            }, buildUnstructured: buildUnstructured, getId: getId, getDisplay: getDisplay, name: props.name, defaultValue: defaultValue, loadOnFocus: true, onChange: (values) => {
                 if (props.onChange) {
                     props.onChange(values[0]);
                 }
@@ -1154,7 +1155,7 @@
                     contains.forEach((e) => (cachedDisplayValues[e.code] = e.display));
                     return contains.map((e) => e.code);
                 });
-            }, buildUnstructured: (str) => str, getId: (item) => item, getDisplay: (item) => React__default["default"].createElement(React__default["default"].Fragment, null, cachedDisplayValues[item] || item), name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            }, buildUnstructured: (str) => str, getId: (item) => item, getDisplay: (item) => React__default["default"].createElement(React__default["default"].Fragment, null, cachedDisplayValues[item] || item), name: props.name, defaultValue: defaultValue, loadOnFocus: true, onChange: (values) => {
                 if (props.onChange) {
                     props.onChange(values[0]);
                 }
@@ -1177,7 +1178,7 @@
                         display: e.display,
                     }));
                 });
-            }, buildUnstructured: (str) => ({ code: str }), getId: (item) => item.code, getDisplay: (item) => React__default["default"].createElement(CodingDisplay, { value: item }), name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            }, buildUnstructured: (str) => ({ code: str }), getId: (item) => item.code, getDisplay: (item) => React__default["default"].createElement(CodingDisplay, { value: item }), name: props.name, defaultValue: defaultValue, loadOnFocus: true, onChange: (values) => {
                 if (props.onChange) {
                     props.onChange(values[0]);
                 }
@@ -5849,11 +5850,14 @@
         }
         return (React__default["default"].createElement(Document, { width: 450 }, (() => {
             if (!login) {
-                return (React__default["default"].createElement(AuthenticationForm, { clientId: props.clientId, scope: props.scope, nonce: props.nonce, googleClientId: props.googleClientId, 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, onForgotPassword: props.onForgotPassword, onRegister: props.onRegister, handleAuthResponse: handleAuthResponse }, props.children));
             }
             else if (memberships) {
                 return React__default["default"].createElement(ProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
             }
+            else if (props.projectId === 'new') {
+                return React__default["default"].createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse });
+            }
             else {
                 return React__default["default"].createElement("div", null, "Success");
             }
@@ -5867,6 +5871,7 @@
         return (React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
                 medplum
                     .startLogin({
+                    projectId: props.projectId,
                     clientId: props.clientId,
                     scope: props.scope,
                     nonce: props.nonce,
@@ -5887,6 +5892,7 @@
                     React__default["default"].createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => {
                             medplum
                                 .startGoogleLogin({
+                                projectId: props.projectId,
                                 clientId: props.clientId,
                                 scope: props.scope,
                                 nonce: props.nonce,
@@ -5935,6 +5941,36 @@
                         React__default["default"].createElement("div", { className: "medplum-nav-menu-profile-help-text" }, (_c = membership.project) === null || _c === void 0 ? void 0 : _c.display))));
             })));
     }
+    function NewProjectForm(props) {
+        const medplum = useMedplum();
+        const [outcome, setOutcome] = React.useState();
+        return (React__default["default"].createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const registerRequest = { projectName: formData.projectName };
+                    const partialLogin = { login: props.login };
+                    const login = yield medplum.startNewProject(registerRequest, partialLogin);
+                    props.handleAuthResponse(login);
+                }
+                catch (err) {
+                    setOutcome(err);
+                }
+            }) },
+            React__default["default"].createElement("div", { className: "medplum-center" },
+                React__default["default"].createElement(Logo, { size: 32 }),
+                React__default["default"].createElement("h1", null, "Create project")),
+            React__default["default"].createElement(FormSection, { title: "Project Name", htmlFor: "projectName", outcome: outcome },
+                React__default["default"].createElement(Input, { name: "projectName", type: "text", testid: "projectName", placeholder: "My Project", required: true, outcome: outcome })),
+            React__default["default"].createElement("p", { style: { fontSize: '12px', color: '#888' } },
+                "By clicking submit you agree to the Medplum ",
+                React__default["default"].createElement("a", { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
+                ' and ',
+                React__default["default"].createElement("a", { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                "."),
+            React__default["default"].createElement("div", { className: "medplum-signin-buttons" },
+                React__default["default"].createElement("div", null),
+                React__default["default"].createElement("div", null,
+                    React__default["default"].createElement(Button, { type: "submit", testid: "submit" }, "Create project")))));
+    }
 
     function Tab(props) {
         let className = 'medplum-tab';
@@ -6002,6 +6038,8 @@
     exports.ContactPointInput = ContactPointInput;
     exports.DateTimeInput = DateTimeInput;
     exports.DefaultResourceTimeline = DefaultResourceTimeline;
+    exports.DescriptionList = DescriptionList;
+    exports.DescriptionListEntry = DescriptionListEntry;
     exports.DiagnosticReportDisplay = DiagnosticReportDisplay;
     exports.Document = Document;
     exports.ElementDefinitionInputSelector = ElementDefinitionInputSelector;