@medplum/react 0.9.25 → 0.9.28

package/dist/esm/FormUtils.js

@@ -0,0 +1,49 @@
+/**
+ * Parses an HTML form and returns the result as a JavaScript object.
+ * @param form The HTML form element.
+ */
+function parseForm(form) {
+    const result = {};
+    for (const element of Array.from(form.elements)) {
+        if (element instanceof HTMLInputElement) {
+            parseInputElement(result, element);
+        }
+        else if (element instanceof HTMLTextAreaElement) {
+            result[element.name] = element.value;
+        }
+        else if (element instanceof HTMLSelectElement) {
+            parseSelectElement(result, element);
+        }
+    }
+    return result;
+}
+/**
+ * Parses an HTML input element.
+ * Sets the name/value pair in the result,
+ * but only if the element is enabled and checked.
+ * @param el The input element.
+ * @param result The result builder.
+ */
+function parseInputElement(result, el) {
+    if (el.disabled) {
+        // Ignore disabled elements
+        return;
+    }
+    if ((el.type === 'checkbox' || el.type === 'radio') && !el.checked) {
+        // Ignore unchecked radio or checkbox elements
+        return;
+    }
+    result[el.name] = el.value;
+}
+/**
+ * Parses an HTML select element.
+ * Sets the name/value pair if one is selected.
+ * @param result The result builder.
+ * @param el The select element.
+ */
+function parseSelectElement(result, el) {
+    result[el.name] = el.value;
+}
+
+export { parseForm };
+//# sourceMappingURL=FormUtils.js.map

package/dist/esm/FormUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormUtils.js","sources":["../../src/FormUtils.ts"],"sourcesContent":["/**\n * Parses an HTML form and returns the result as a JavaScript object.\n * @param form The HTML form element.\n */\nexport function parseForm(form: HTMLFormElement): Record<string, string> {\n  const result: Record<string, string> = {};\n\n  for (const element of Array.from(form.elements)) {\n    if (element instanceof HTMLInputElement) {\n      parseInputElement(result, element);\n    } else if (element instanceof HTMLTextAreaElement) {\n      result[element.name] = element.value;\n    } else if (element instanceof HTMLSelectElement) {\n      parseSelectElement(result, element);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Parses an HTML input element.\n * Sets the name/value pair in the result,\n * but only if the element is enabled and checked.\n * @param el The input element.\n * @param result The result builder.\n */\nfunction parseInputElement(result: Record<string, string>, el: HTMLInputElement): void {\n  if (el.disabled) {\n    // Ignore disabled elements\n    return;\n  }\n\n  if ((el.type === 'checkbox' || el.type === 'radio') && !el.checked) {\n    // Ignore unchecked radio or checkbox elements\n    return;\n  }\n\n  result[el.name] = el.value;\n}\n\n/**\n * Parses an HTML select element.\n * Sets the name/value pair if one is selected.\n * @param result The result builder.\n * @param el The select element.\n */\nfunction parseSelectElement(result: Record<string, string>, el: HTMLSelectElement): void {\n  result[el.name] = el.value;\n}\n"],"names":[],"mappings":"AAAA;;;AAGG;AACG,SAAU,SAAS,CAAC,IAAqB,EAAA;IAC7C,MAAM,MAAM,GAA2B,EAAE,CAAC;IAE1C,KAAK,MAAM,OAAO,IAAI,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;QAC/C,IAAI,OAAO,YAAY,gBAAgB,EAAE;AACvC,YAAA,iBAAiB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACpC,SAAA;aAAM,IAAI,OAAO,YAAY,mBAAmB,EAAE;YACjD,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC;AACtC,SAAA;aAAM,IAAI,OAAO,YAAY,iBAAiB,EAAE;AAC/C,YAAA,kBAAkB,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AACrC,SAAA;AACF,KAAA;AAED,IAAA,OAAO,MAAM,CAAC;AAChB,CAAC;AAED;;;;;;AAMG;AACH,SAAS,iBAAiB,CAAC,MAA8B,EAAE,EAAoB,EAAA;IAC7E,IAAI,EAAE,CAAC,QAAQ,EAAE;;QAEf,OAAO;AACR,KAAA;AAED,IAAA,IAAI,CAAC,EAAE,CAAC,IAAI,KAAK,UAAU,IAAI,EAAE,CAAC,IAAI,KAAK,OAAO,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE;;QAElE,OAAO;AACR,KAAA;IAED,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7B,CAAC;AAED;;;;;AAKG;AACH,SAAS,kBAAkB,CAAC,MAA8B,EAAE,EAAqB,EAAA;IAC/E,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC;AAC7B;;;;"}

package/dist/esm/GoogleButton.js

@@ -0,0 +1,48 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { useMedplum } from './MedplumProvider.js';
+import { createScriptTag } from './utils.js';
+
+function GoogleButton(props) {
+    const medplum = useMedplum();
+    const { googleClientId, handleGoogleCredential } = props;
+    const parentRef = useRef(null);
+    const [scriptLoaded, setScriptLoaded] = useState(typeof google !== 'undefined');
+    const [initialized, setInitialized] = useState(false);
+    const [buttonRendered, setButtonRendered] = useState(false);
+    useEffect(() => {
+        if (typeof google === 'undefined') {
+            createScriptTag('https://accounts.google.com/gsi/client', () => setScriptLoaded(true));
+            return;
+        }
+        if (!initialized) {
+            google.accounts.id.initialize({
+                client_id: googleClientId,
+                callback: handleGoogleCredential,
+            });
+            setInitialized(true);
+        }
+        if (parentRef.current && !buttonRendered) {
+            google.accounts.id.renderButton(parentRef.current, {});
+            setButtonRendered(true);
+        }
+    }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleGoogleCredential]);
+    if (!googleClientId) {
+        return null;
+    }
+    return React.createElement("div", { ref: parentRef });
+}
+function getGoogleClientId(clientId) {
+    var _a, _b;
+    if (clientId) {
+        return clientId;
+    }
+    const origin = window.location.protocol + '//' + window.location.host;
+    const authorizedOrigins = (_b = (_a = "http://localhost:3000,http://localhost:6006,https://app.medplum.com,https://docs.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";
+    }
+    return undefined;
+}
+
+export { GoogleButton, getGoogleClientId };
+//# sourceMappingURL=GoogleButton.js.map

package/dist/esm/GoogleButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GoogleButton.js","sources":["../../src/GoogleButton.tsx"],"sourcesContent":["import { GoogleCredentialResponse } from '@medplum/core';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { useMedplum } from './MedplumProvider';\nimport { createScriptTag } from './utils';\n\ninterface GoogleApi {\n  accounts: {\n    id: {\n      initialize: (args: any) => void;\n      renderButton: (parent: HTMLElement, args: any) => void;\n    };\n  };\n}\n\ndeclare const google: GoogleApi;\n\nexport interface GoogleButtonProps {\n  readonly googleClientId?: string;\n  readonly handleGoogleCredential: (response: GoogleCredentialResponse) => void;\n}\n\nexport function GoogleButton(props: GoogleButtonProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const { googleClientId, handleGoogleCredential } = props;\n  const parentRef = useRef<HTMLDivElement>(null);\n  const [scriptLoaded, setScriptLoaded] = useState<boolean>(typeof google !== 'undefined');\n  const [initialized, setInitialized] = useState<boolean>(false);\n  const [buttonRendered, setButtonRendered] = useState<boolean>(false);\n\n  useEffect(() => {\n    if (typeof google === 'undefined') {\n      createScriptTag('https://accounts.google.com/gsi/client', () => setScriptLoaded(true));\n      return;\n    }\n\n    if (!initialized) {\n      google.accounts.id.initialize({\n        client_id: googleClientId,\n        callback: handleGoogleCredential,\n      });\n      setInitialized(true);\n    }\n\n    if (parentRef.current && !buttonRendered) {\n      google.accounts.id.renderButton(parentRef.current, {});\n      setButtonRendered(true);\n    }\n  }, [medplum, googleClientId, initialized, scriptLoaded, parentRef, buttonRendered, handleGoogleCredential]);\n\n  if (!googleClientId) {\n    return null;\n  }\n\n  return <div ref={parentRef} />;\n}\n\nexport function getGoogleClientId(clientId: string | undefined): string | undefined {\n  if (clientId) {\n    return clientId;\n  }\n\n  const origin = window.location.protocol + '//' + window.location.host;\n  const authorizedOrigins = process.env.GOOGLE_AUTH_ORIGINS?.split(',') ?? [];\n  if (authorizedOrigins.includes(origin)) {\n    return process.env.GOOGLE_CLIENT_ID;\n  }\n\n  return undefined;\n}\n"],"names":[],"mappings":";;;;AAqBM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAC7B,IAAA,MAAM,EAAE,cAAc,EAAE,sBAAsB,EAAE,GAAG,KAAK,CAAC;AACzD,IAAA,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC/C,IAAA,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC;IACzF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/D,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,eAAe,CAAC,wCAAwC,EAAE,MAAM,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;YACvF,OAAO;AACR,SAAA;QAED,IAAI,CAAC,WAAW,EAAE;AAChB,YAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,UAAU,CAAC;AAC5B,gBAAA,SAAS,EAAE,cAAc;AACzB,gBAAA,QAAQ,EAAE,sBAAsB;AACjC,aAAA,CAAC,CAAC;YACH,cAAc,CAAC,IAAI,CAAC,CAAC;AACtB,SAAA;AAED,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,cAAc,EAAE;AACxC,YAAA,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;YACvD,iBAAiB,CAAC,IAAI,CAAC,CAAC;AACzB,SAAA;AACH,KAAC,EAAE,CAAC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE5G,IAAI,CAAC,cAAc,EAAE;AACnB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,OAAO,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,SAAS,GAAI,CAAC;AACjC,CAAC;AAEK,SAAU,iBAAiB,CAAC,QAA4B,EAAA;;AAC5D,IAAA,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,QAAQ,CAAC;AACjB,KAAA;AAED,IAAA,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC;AACtE,IAAA,MAAM,iBAAiB,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,8FAA+B,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,KAAK,CAAC,GAAG,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAC;AAC5E,IAAA,IAAI,iBAAiB,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE;AACtC,QAAA,OAAO,0EAA4B,CAAC;AACrC,KAAA;AAED,IAAA,OAAO,SAAS,CAAC;AACnB;;;;"}

package/dist/esm/Header.js

@@ -0,0 +1,95 @@
+import { getReferenceString } from '@medplum/core';
+import React, { useState } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import { Avatar } from './Avatar.js';
+import { Button } from './Button.js';
+import { HeaderSearchInput } from './HeaderSearchInput.js';
+import { HumanNameDisplay } from './HumanNameDisplay.js';
+import { MedplumLink } from './MedplumLink.js';
+import { useMedplumContext } from './MedplumProvider.js';
+import { Popup } from './Popup.js';
+
+function Header(props) {
+    var _a, _b, _c, _d, _e, _f;
+    const navigate = useNavigate();
+    const location = useLocation();
+    const context = useMedplumContext();
+    const medplum = context.medplum;
+    const logins = medplum.getLogins();
+    const [userMenuVisible, setUserMenuVisible] = useState(false);
+    const [sidebarVisible, setSidebarVisible] = useState(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement("header", { role: "banner", "data-testid": "header", style: { background: props.bgColor } },
+            React.createElement("div", null,
+                React.createElement(MedplumLink, { label: "Toggle sidebar", testid: "header-menu-button", onClick: () => setSidebarVisible(!sidebarVisible) },
+                    React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", style: { width: 20, height: 20, verticalAlign: 'text-top' }, viewBox: "0 0 20 20", fill: "currentColor" },
+                        React.createElement("path", { fillRule: "evenodd", d: "M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z", clipRule: "evenodd" }))),
+                React.createElement(MedplumLink, { id: "medplum-header-logo", testid: "header-logo", onClick: props.onLogo }, props.title || 'Medplum'),
+                context.profile && (React.createElement(HeaderSearchInput, { key: `header-input-${location.pathname}`, name: "search", className: "medplum-nav-search-container", placeholder: "Search", onChange: (resource) => navigate(`/${resource.resourceType}/${resource.id}`) }))),
+            context.profile && (React.createElement("div", { className: "medplum-nav-menu-container" },
+                React.createElement(MedplumLink, { testid: "header-profile-menu-button", onClick: () => setUserMenuVisible(true) },
+                    React.createElement(Avatar, { size: "small", color: "#f68d42", value: context.profile })),
+                React.createElement(Popup, { visible: userMenuVisible, autoClose: true, activeClassName: "medplum-nav-menu-popover", onClose: () => setUserMenuVisible(false) },
+                    React.createElement("div", { className: "medplum-nav-menu" },
+                        React.createElement("div", { style: { margin: 'auto', padding: '8px' } },
+                            React.createElement(Avatar, { size: "large", value: context.profile })),
+                        React.createElement("div", { style: { margin: 'auto', padding: '8px' } },
+                            React.createElement("div", { style: { margin: '4px auto 4px auto', fontWeight: 'bold' } },
+                                React.createElement(HumanNameDisplay, { value: (_b = (_a = context.profile) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b[0] })),
+                            React.createElement("div", { style: { margin: '4px auto 4px auto' } }, (_d = (_c = medplum.getActiveLogin()) === null || _c === void 0 ? void 0 : _c.project) === null || _d === void 0 ? void 0 : _d.display),
+                            React.createElement(Button, { testid: "header-profile-link", onClick: () => {
+                                    setUserMenuVisible(false);
+                                    if (props.onProfile) {
+                                        props.onProfile();
+                                    }
+                                } }, "Manage your account")),
+                        logins.length > 1 && (React.createElement("div", null,
+                            React.createElement("hr", null),
+                            logins.map((login) => {
+                                var _a, _b, _c, _d;
+                                return ((_a = login.profile) === null || _a === void 0 ? void 0 : _a.reference) !== getReferenceString(context.profile) && (React.createElement("div", { className: "medplum-nav-menu-profile", key: (_b = login.profile) === null || _b === void 0 ? void 0 : _b.reference, onClick: () => {
+                                        medplum.setActiveLogin(login);
+                                        setUserMenuVisible(false);
+                                        window.location.reload();
+                                    } },
+                                    React.createElement("div", { className: "medplum-nav-menu-profile-icon" },
+                                        React.createElement(Avatar, null)),
+                                    React.createElement("div", { className: "medplum-nav-menu-profile-label" }, (_c = login.profile) === null || _c === void 0 ? void 0 :
+                                        _c.display,
+                                        React.createElement("div", { className: "medplum-nav-menu-profile-help-text" }, (_d = login.project) === null || _d === void 0 ? void 0 : _d.display))));
+                            }))),
+                        React.createElement("hr", null),
+                        React.createElement("div", { style: { margin: 'auto', padding: '8px' } },
+                            React.createElement(Button, { testid: "header-add-account-button", onClick: () => {
+                                    navigate('/signin');
+                                } }, "Add another account")),
+                        React.createElement("hr", null),
+                        React.createElement("div", { style: { margin: 'auto', padding: '8px' } },
+                            React.createElement(Button, { testid: "header-signout-button", onClick: () => {
+                                    setUserMenuVisible(false);
+                                    if (props.onSignOut) {
+                                        props.onSignOut();
+                                    }
+                                } }, "Sign out of all accounts")),
+                        React.createElement("hr", null),
+                        React.createElement("div", { style: { margin: 'auto', padding: '8px', fontSize: '12px' } },
+                            React.createElement("a", { href: "https://www.medplum.com/terms" }, "Terms"),
+                            React.createElement("a", { href: "https://www.medplum.com/privacy" }, "Privacy"))))))),
+        React.createElement(Popup, { modal: true, autoClose: true, visible: sidebarVisible, activeClassName: "medplum-sidebar active", inactiveClassName: "medplum-sidebar", onClose: () => setSidebarVisible(false) }, (_f = (_e = props.config) === null || _e === void 0 ? void 0 : _e.menu) === null || _f === void 0 ? void 0 :
+            _f.map((menu, index) => {
+                var _a, _b, _c;
+                return (React.createElement(React.Fragment, { key: `menu-${index}-${(_b = (_a = props.config) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.length}` },
+                    React.createElement("h5", null, menu.title),
+                    React.createElement("ul", null, (_c = menu.link) === null || _c === void 0 ? void 0 : _c.map((link) => (React.createElement("li", { key: link.target },
+                        React.createElement(MedplumLink, { to: link.target }, link.name)))))));
+            }),
+            React.createElement("h5", null, "Settings"),
+            React.createElement("ul", null,
+                React.createElement("li", null,
+                    React.createElement(MedplumLink, { to: context.profile }, "Profile")),
+                React.createElement("li", null,
+                    React.createElement(MedplumLink, { to: "/changepassword" }, "Change password"))))));
+}
+
+export { Header };
+//# sourceMappingURL=Header.js.map

package/dist/esm/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../src/Header.tsx"],"sourcesContent":["import { getReferenceString, ProfileResource } from '@medplum/core';\nimport { HumanName, UserConfiguration } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { useLocation, useNavigate } from 'react-router-dom';\nimport { Avatar } from './Avatar';\nimport { Button } from './Button';\nimport { HeaderSearchInput, HeaderSearchTypes } from './HeaderSearchInput';\nimport { HumanNameDisplay } from './HumanNameDisplay';\nimport { MedplumLink } from './MedplumLink';\nimport { useMedplumContext } from './MedplumProvider';\nimport { Popup } from './Popup';\nimport './Header.css';\n\nexport interface HeaderProps {\n  readonly title?: string;\n  readonly bgColor?: string;\n  readonly onLogo?: () => void;\n  readonly onProfile?: () => void;\n  readonly onSignOut?: () => void;\n  readonly config?: UserConfiguration;\n}\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const navigate = useNavigate();\n  const location = useLocation();\n  const context = useMedplumContext();\n  const medplum = context.medplum;\n  const logins = medplum.getLogins();\n  const [userMenuVisible, setUserMenuVisible] = useState(false);\n  const [sidebarVisible, setSidebarVisible] = useState(false);\n\n  return (\n    <>\n      <header role=\"banner\" data-testid=\"header\" style={{ background: props.bgColor }}>\n        <div>\n          <MedplumLink\n            label=\"Toggle sidebar\"\n            testid=\"header-menu-button\"\n            onClick={() => setSidebarVisible(!sidebarVisible)}\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              style={{ width: 20, height: 20, verticalAlign: 'text-top' }}\n              viewBox=\"0 0 20 20\"\n              fill=\"currentColor\"\n            >\n              <path\n                fillRule=\"evenodd\"\n                d=\"M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </MedplumLink>\n          <MedplumLink id=\"medplum-header-logo\" testid=\"header-logo\" onClick={props.onLogo}>\n            {props.title || 'Medplum'}\n          </MedplumLink>\n          {context.profile && (\n            <HeaderSearchInput\n              key={`header-input-${location.pathname}`}\n              name=\"search\"\n              className=\"medplum-nav-search-container\"\n              placeholder=\"Search\"\n              onChange={(resource: HeaderSearchTypes) => navigate(`/${resource.resourceType}/${resource.id}`)}\n            />\n          )}\n        </div>\n        {context.profile && (\n          <div className=\"medplum-nav-menu-container\">\n            <MedplumLink testid=\"header-profile-menu-button\" onClick={() => setUserMenuVisible(true)}>\n              <Avatar size=\"small\" color=\"#f68d42\" value={context.profile} />\n            </MedplumLink>\n            <Popup\n              visible={userMenuVisible}\n              autoClose={true}\n              activeClassName=\"medplum-nav-menu-popover\"\n              onClose={() => setUserMenuVisible(false)}\n            >\n              <div className=\"medplum-nav-menu\">\n                <div style={{ margin: 'auto', padding: '8px' }}>\n                  <Avatar size=\"large\" value={context.profile} />\n                </div>\n                <div style={{ margin: 'auto', padding: '8px' }}>\n                  <div style={{ margin: '4px auto 4px auto', fontWeight: 'bold' }}>\n                    <HumanNameDisplay value={context.profile?.name?.[0] as HumanName} />\n                  </div>\n                  <div style={{ margin: '4px auto 4px auto' }}>{medplum.getActiveLogin()?.project?.display}</div>\n                  <Button\n                    testid=\"header-profile-link\"\n                    onClick={() => {\n                      setUserMenuVisible(false);\n                      if (props.onProfile) {\n                        props.onProfile();\n                      }\n                    }}\n                  >\n                    Manage your account\n                  </Button>\n                </div>\n                {logins.length > 1 && (\n                  <div>\n                    <hr />\n                    {logins.map(\n                      (login) =>\n                        login.profile?.reference !== getReferenceString(context.profile as ProfileResource) && (\n                          <div\n                            className=\"medplum-nav-menu-profile\"\n                            key={login.profile?.reference}\n                            onClick={() => {\n                              medplum.setActiveLogin(login);\n                              setUserMenuVisible(false);\n                              window.location.reload();\n                            }}\n                          >\n                            <div className=\"medplum-nav-menu-profile-icon\">\n                              <Avatar />\n                            </div>\n                            <div className=\"medplum-nav-menu-profile-label\">\n                              {login.profile?.display}\n                              <div className=\"medplum-nav-menu-profile-help-text\">{login.project?.display}</div>\n                            </div>\n                          </div>\n                        )\n                    )}\n                  </div>\n                )}\n                <hr />\n                <div style={{ margin: 'auto', padding: '8px' }}>\n                  <Button\n                    testid=\"header-add-account-button\"\n                    onClick={() => {\n                      navigate('/signin');\n                    }}\n                  >\n                    Add another account\n                  </Button>\n                </div>\n                <hr />\n                <div style={{ margin: 'auto', padding: '8px' }}>\n                  <Button\n                    testid=\"header-signout-button\"\n                    onClick={() => {\n                      setUserMenuVisible(false);\n                      if (props.onSignOut) {\n                        props.onSignOut();\n                      }\n                    }}\n                  >\n                    Sign out of all accounts\n                  </Button>\n                </div>\n                <hr />\n                <div style={{ margin: 'auto', padding: '8px', fontSize: '12px' }}>\n                  <a href=\"https://www.medplum.com/terms\">Terms</a>\n                  <a href=\"https://www.medplum.com/privacy\">Privacy</a>\n                </div>\n              </div>\n            </Popup>\n          </div>\n        )}\n      </header>\n      <Popup\n        modal={true}\n        autoClose={true}\n        visible={sidebarVisible}\n        activeClassName=\"medplum-sidebar active\"\n        inactiveClassName=\"medplum-sidebar\"\n        onClose={() => setSidebarVisible(false)}\n      >\n        {props.config?.menu?.map((menu, index) => (\n          <React.Fragment key={`menu-${index}-${props.config?.menu?.length}`}>\n            <h5>{menu.title}</h5>\n            <ul>\n              {menu.link?.map((link) => (\n                <li key={link.target}>\n                  <MedplumLink to={link.target}>{link.name}</MedplumLink>\n                </li>\n              ))}\n            </ul>\n          </React.Fragment>\n        ))}\n        <h5>Settings</h5>\n        <ul>\n          <li>\n            <MedplumLink to={context.profile}>Profile</MedplumLink>\n          </li>\n          <li>\n            <MedplumLink to=\"/changepassword\">Change password</MedplumLink>\n          </li>\n        </ul>\n      </Popup>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/HeaderSearchInput.js

@@ -0,0 +1,181 @@
+import { __awaiter } from './node_modules/tslib/tslib.es6.js';
+import { isUUID, formatHumanName } from '@medplum/core';
+import React from 'react';
+import { Autocomplete } from './Autocomplete.js';
+import { Avatar } from './Avatar.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceName } from './ResourceName.js';
+
+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), 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) => {
+            var _a;
+            if (item.resourceType === 'Patient' && item.birthDate) {
+                return 'DoB: ' + item.birthDate;
+            }
+            return (_a = item.subject) === null || _a === void 0 ? void 0 : _a.display;
+        }, name: props.name, className: props.className, placeholder: props.placeholder, onChange: (items) => props.onChange(items[0]) }));
+}
+function buildGraphQLQuery(input) {
+    const escaped = JSON.stringify(input);
+    if (isUUID(input)) {
+        return `{
+      Patients1: PatientList(_id: ${escaped}, _count: 1) {
+        resourceType
+        id
+        identifier {
+          system
+          value
+        }
+        name {
+          given
+          family
+        }
+        birthDate
+      }
+      ServiceRequestList(_id: ${escaped}, _count: 1) {
+        resourceType
+        id
+        identifier {
+          system
+          value
+        }
+        subject {
+          display
+        }
+      }
+    }`.replace(/\s+/g, ' ');
+    }
+    return `{
+    Patients1: PatientList(name: ${escaped}, _count: 5) {
+      resourceType
+      id
+      identifier {
+        system
+        value
+      }
+      name {
+        given
+        family
+      }
+      birthDate
+    }
+    Patients2: PatientList(identifier: ${escaped}, _count: 5) {
+      resourceType
+      id
+      identifier {
+        system
+        value
+      }
+      name {
+        given
+        family
+      }
+      birthDate
+    }
+    ServiceRequestList(identifier: ${escaped}, _count: 5) {
+      resourceType
+      id
+      identifier {
+        system
+        value
+      }
+      subject {
+        display
+      }
+    }
+  }`.replace(/\s+/g, ' ');
+}
+/**
+ * Returns a de-duped and sorted list of resources from the search response.
+ * The search request is actually 3+ separate searches, which can include duplicates.
+ * This function combines the results, de-dupes, and sorts by relevance.
+ * @param response The response from a search query.
+ * @param query The user entered search query.
+ * @returns The resources to display in the autocomplete.
+ */
+function getResourcesFromResponse(response, query) {
+    const resources = [];
+    if (response.data.Patients1) {
+        resources.push(...response.data.Patients1);
+    }
+    if (response.data.Patients2) {
+        resources.push(...response.data.Patients2);
+    }
+    if (response.data.ServiceRequestList) {
+        resources.push(...response.data.ServiceRequestList);
+    }
+    return sortByRelevance(dedupeResources(resources), query).slice(0, 5);
+}
+/**
+ * Removes duplicate resources from an array by ID.
+ * @param resources The array of resources with possible duplicates.
+ * @returns The array of resources with no duplicates.
+ */
+function dedupeResources(resources) {
+    const ids = new Set();
+    const result = [];
+    for (const resource of resources) {
+        if (!ids.has(resource.id)) {
+            ids.add(resource.id);
+            result.push(resource);
+        }
+    }
+    return result;
+}
+/**
+ * Sorts an array of resources by relevance.
+ * @param resources The candidate resources.
+ * @param query The user entered search string.
+ * @returns The sorted array of resources.
+ */
+function sortByRelevance(resources, query) {
+    return resources.sort((a, b) => {
+        return getResourceScore(b, query) - getResourceScore(a, query);
+    });
+}
+/**
+ * Calculates a relevance score of a candidate resource.
+ * Higher scores are better.
+ * @param resource The candidate resource.
+ * @param query The user entered search string.
+ * @returns The relevance score of the candidate resource.
+ */
+function getResourceScore(resource, query) {
+    let bestScore = 0;
+    if (resource.identifier) {
+        for (const identifier of resource.identifier) {
+            bestScore = Math.max(bestScore, getStringScore(identifier.value, query));
+        }
+    }
+    if (resource.resourceType === 'Patient' && resource.name) {
+        for (const name of resource.name) {
+            bestScore = Math.max(bestScore, getStringScore(formatHumanName(name), query));
+        }
+    }
+    return bestScore;
+}
+/**
+ * Calculates a relevance score of a candidate display string.
+ * Higher scores are better.
+ * @param str The candidate display string.
+ * @param query The user entered search string.
+ * @returns The relevance score of the candidate string.
+ */
+function getStringScore(str, query) {
+    if (!str) {
+        return 0;
+    }
+    const index = str.toLowerCase().indexOf(query.toLowerCase());
+    if (index < 0) {
+        return 0;
+    }
+    return 100 - index;
+}
+
+export { HeaderSearchInput };
+//# sourceMappingURL=HeaderSearchInput.js.map

package/dist/esm/HeaderSearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderSearchInput.js","sources":["../../src/HeaderSearchInput.tsx"],"sourcesContent":["import { formatHumanName, isUUID } from '@medplum/core';\nimport { Patient, ServiceRequest } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Autocomplete } from './Autocomplete';\nimport { Avatar } from './Avatar';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceName } from './ResourceName';\n\nexport type HeaderSearchTypes = Patient | ServiceRequest;\n\nexport interface HeaderSearchInputProps {\n  readonly name: string;\n  readonly className?: string;\n  readonly placeholder?: string;\n  readonly onChange: (value: HeaderSearchTypes) => void;\n}\n\ninterface SearchGraphQLResponse {\n  readonly data: {\n    readonly Patients1: Patient[] | undefined;\n    readonly Patients2: Patient[] | undefined;\n    readonly ServiceRequestList: ServiceRequest[] | undefined;\n  };\n}\n\nexport function HeaderSearchInput(props: HeaderSearchInputProps): JSX.Element {\n  const medplum = useMedplum();\n  return (\n    <Autocomplete\n      loadOptions={async (input: string, signal: AbortSignal): Promise<HeaderSearchTypes[]> => {\n        return getResourcesFromResponse(\n          (await medplum.graphql(buildGraphQLQuery(input), undefined, undefined, { signal })) as SearchGraphQLResponse,\n          input\n        );\n      }}\n      getId={(item: HeaderSearchTypes) => {\n        return item.id as string;\n      }}\n      getIcon={(item: HeaderSearchTypes) => <Avatar value={item} />}\n      getDisplay={(item: HeaderSearchTypes) => <ResourceName value={item} />}\n      getHelpText={(item: HeaderSearchTypes) => {\n        if (item.resourceType === 'Patient' && item.birthDate) {\n          return 'DoB: ' + item.birthDate;\n        }\n        return (item as ServiceRequest).subject?.display;\n      }}\n      name={props.name}\n      className={props.className}\n      placeholder={props.placeholder}\n      onChange={(items: HeaderSearchTypes[]) => props.onChange(items[0])}\n    />\n  );\n}\n\nfunction buildGraphQLQuery(input: string): string {\n  const escaped = JSON.stringify(input);\n  if (isUUID(input)) {\n    return `{\n      Patients1: PatientList(_id: ${escaped}, _count: 1) {\n        resourceType\n        id\n        identifier {\n          system\n          value\n        }\n        name {\n          given\n          family\n        }\n        birthDate\n      }\n      ServiceRequestList(_id: ${escaped}, _count: 1) {\n        resourceType\n        id\n        identifier {\n          system\n          value\n        }\n        subject {\n          display\n        }\n      }\n    }`.replace(/\\s+/g, ' ');\n  }\n  return `{\n    Patients1: PatientList(name: ${escaped}, _count: 5) {\n      resourceType\n      id\n      identifier {\n        system\n        value\n      }\n      name {\n        given\n        family\n      }\n      birthDate\n    }\n    Patients2: PatientList(identifier: ${escaped}, _count: 5) {\n      resourceType\n      id\n      identifier {\n        system\n        value\n      }\n      name {\n        given\n        family\n      }\n      birthDate\n    }\n    ServiceRequestList(identifier: ${escaped}, _count: 5) {\n      resourceType\n      id\n      identifier {\n        system\n        value\n      }\n      subject {\n        display\n      }\n    }\n  }`.replace(/\\s+/g, ' ');\n}\n\n/**\n * Returns a de-duped and sorted list of resources from the search response.\n * The search request is actually 3+ separate searches, which can include duplicates.\n * This function combines the results, de-dupes, and sorts by relevance.\n * @param response The response from a search query.\n * @param query The user entered search query.\n * @returns The resources to display in the autocomplete.\n */\nfunction getResourcesFromResponse(response: SearchGraphQLResponse, query: string): HeaderSearchTypes[] {\n  const resources = [];\n  if (response.data.Patients1) {\n    resources.push(...response.data.Patients1);\n  }\n  if (response.data.Patients2) {\n    resources.push(...response.data.Patients2);\n  }\n  if (response.data.ServiceRequestList) {\n    resources.push(...response.data.ServiceRequestList);\n  }\n  return sortByRelevance(dedupeResources(resources), query).slice(0, 5);\n}\n\n/**\n * Removes duplicate resources from an array by ID.\n * @param resources The array of resources with possible duplicates.\n * @returns The array of resources with no duplicates.\n */\nfunction dedupeResources(resources: HeaderSearchTypes[]): HeaderSearchTypes[] {\n  const ids = new Set<string>();\n  const result = [];\n\n  for (const resource of resources) {\n    if (!ids.has(resource.id as string)) {\n      ids.add(resource.id as string);\n      result.push(resource);\n    }\n  }\n\n  return result;\n}\n\n/**\n * Sorts an array of resources by relevance.\n * @param resources The candidate resources.\n * @param query The user entered search string.\n * @returns The sorted array of resources.\n */\nfunction sortByRelevance(resources: HeaderSearchTypes[], query: string): HeaderSearchTypes[] {\n  return resources.sort((a: HeaderSearchTypes, b: HeaderSearchTypes) => {\n    return getResourceScore(b, query) - getResourceScore(a, query);\n  });\n}\n\n/**\n * Calculates a relevance score of a candidate resource.\n * Higher scores are better.\n * @param resource The candidate resource.\n * @param query The user entered search string.\n * @returns The relevance score of the candidate resource.\n */\nfunction getResourceScore(resource: HeaderSearchTypes, query: string): number {\n  let bestScore = 0;\n\n  if (resource.identifier) {\n    for (const identifier of resource.identifier) {\n      bestScore = Math.max(bestScore, getStringScore(identifier.value, query));\n    }\n  }\n\n  if (resource.resourceType === 'Patient' && resource.name) {\n    for (const name of resource.name) {\n      bestScore = Math.max(bestScore, getStringScore(formatHumanName(name), query));\n    }\n  }\n\n  return bestScore;\n}\n\n/**\n * Calculates a relevance score of a candidate display string.\n * Higher scores are better.\n * @param str The candidate display string.\n * @param query The user entered search string.\n * @returns The relevance score of the candidate string.\n */\nfunction getStringScore(str: string | undefined, query: string): number {\n  if (!str) {\n    return 0;\n  }\n  const index = str.toLowerCase().indexOf(query.toLowerCase());\n  if (index < 0) {\n    return 0;\n  }\n  return 100 - index;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/HumanNameDisplay.js

@@ -0,0 +1,13 @@
+import { formatHumanName } from '@medplum/core';
+import React from 'react';
+
+function HumanNameDisplay(props) {
+    const name = props.value;
+    if (!name) {
+        return null;
+    }
+    return React.createElement(React.Fragment, null, formatHumanName(name, props.options));
+}
+
+export { HumanNameDisplay };
+//# sourceMappingURL=HumanNameDisplay.js.map

package/dist/esm/HumanNameDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HumanNameDisplay.js","sources":["../../src/HumanNameDisplay.tsx"],"sourcesContent":["import { formatHumanName, HumanNameFormatOptions } from '@medplum/core';\nimport { HumanName } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface HumanNameDisplayProps {\n  value?: HumanName;\n  options?: HumanNameFormatOptions;\n}\n\nexport function HumanNameDisplay(props: HumanNameDisplayProps): JSX.Element | null {\n  const name = props.value;\n  if (!name) {\n    return null;\n  }\n\n  return <>{formatHumanName(name, props.options)}</>;\n}\n"],"names":[],"mappings":";;;AASM,SAAU,gBAAgB,CAAC,KAA4B,EAAA;AAC3D,IAAA,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,CAAC;IACzB,IAAI,CAAC,IAAI,EAAE;AACT,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IAED,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,eAAe,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,CAAI,CAAC;AACrD;;;;"}

package/dist/esm/HumanNameInput.js

@@ -0,0 +1,49 @@
+import React, { useState, useRef } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+import { Select } from './Select.js';
+
+function HumanNameInput(props) {
+    var _a, _b, _c;
+    const [value, setValue] = useState(props.defaultValue);
+    const valueRef = useRef();
+    valueRef.current = value;
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    function setUse(use) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { use: use ? use : undefined }));
+    }
+    function setPrefix(prefix) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { prefix: prefix ? prefix.split(' ') : undefined }));
+    }
+    function setGiven(given) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { given: given ? given.split(' ') : undefined }));
+    }
+    function setFamily(family) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { family: family ? family : undefined }));
+    }
+    function setSuffix(suffix) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { suffix: suffix ? suffix.split(' ') : undefined }));
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Select, { defaultValue: value === null || value === void 0 ? void 0 : value.use, onChange: setUse, testid: "use" },
+            React.createElement("option", null),
+            React.createElement("option", null, "usual"),
+            React.createElement("option", null, "official"),
+            React.createElement("option", null, "temp"),
+            React.createElement("option", null, "nickname"),
+            React.createElement("option", null, "anonymous"),
+            React.createElement("option", null, "old"),
+            React.createElement("option", null, "maiden")),
+        React.createElement(Input, { placeholder: "Prefix", defaultValue: (_a = value === null || value === void 0 ? void 0 : value.prefix) === null || _a === void 0 ? void 0 : _a.join(' '), onChange: setPrefix }),
+        React.createElement(Input, { placeholder: "Given", defaultValue: (_b = value === null || value === void 0 ? void 0 : value.given) === null || _b === void 0 ? void 0 : _b.join(' '), onChange: setGiven }),
+        React.createElement(Input, { placeholder: "Family", defaultValue: value === null || value === void 0 ? void 0 : value.family, onChange: setFamily }),
+        React.createElement(Input, { placeholder: "Suffix", defaultValue: (_c = value === null || value === void 0 ? void 0 : value.suffix) === null || _c === void 0 ? void 0 : _c.join(' '), onChange: setSuffix })));
+}
+
+export { HumanNameInput };
+//# sourceMappingURL=HumanNameInput.js.map

package/dist/esm/HumanNameInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HumanNameInput.js","sources":["../../src/HumanNameInput.tsx"],"sourcesContent":["import { HumanName } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\nimport { Select } from './Select';\n\nexport interface HumanNameInputProps {\n  name: string;\n  defaultValue?: HumanName;\n  onChange?: (value: HumanName) => void;\n}\n\nexport function HumanNameInput(props: HumanNameInputProps): JSX.Element {\n  const [value, setValue] = useState<HumanName | undefined>(props.defaultValue);\n\n  const valueRef = useRef<HumanName>();\n  valueRef.current = value;\n\n  function setValueWrapper(newValue: HumanName): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  function setUse(use: string): void {\n    setValueWrapper({ ...valueRef.current, use: use ? use : undefined });\n  }\n\n  function setPrefix(prefix: string): void {\n    setValueWrapper({\n      ...valueRef.current,\n      prefix: prefix ? prefix.split(' ') : undefined,\n    });\n  }\n\n  function setGiven(given: string): void {\n    setValueWrapper({\n      ...valueRef.current,\n      given: given ? given.split(' ') : undefined,\n    });\n  }\n\n  function setFamily(family: string): void {\n    setValueWrapper({\n      ...valueRef.current,\n      family: family ? family : undefined,\n    });\n  }\n\n  function setSuffix(suffix: string): void {\n    setValueWrapper({\n      ...valueRef.current,\n      suffix: suffix ? suffix.split(' ') : undefined,\n    });\n  }\n\n  return (\n    <InputRow>\n      <Select defaultValue={value?.use} onChange={setUse} testid=\"use\">\n        <option></option>\n        <option>usual</option>\n        <option>official</option>\n        <option>temp</option>\n        <option>nickname</option>\n        <option>anonymous</option>\n        <option>old</option>\n        <option>maiden</option>\n      </Select>\n      <Input placeholder=\"Prefix\" defaultValue={value?.prefix?.join(' ')} onChange={setPrefix} />\n      <Input placeholder=\"Given\" defaultValue={value?.given?.join(' ')} onChange={setGiven} />\n      <Input placeholder=\"Family\" defaultValue={value?.family} onChange={setFamily} />\n      <Input placeholder=\"Suffix\" defaultValue={value?.suffix?.join(' ')} onChange={setSuffix} />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/IdentifierDisplay.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+function IdentifierDisplay(props) {
+    var _a, _b;
+    return (React.createElement("div", null, (_a = props.value) === null || _a === void 0 ? void 0 :
+        _a.system,
+        ": ", (_b = props.value) === null || _b === void 0 ? void 0 :
+        _b.value));
+}
+
+export { IdentifierDisplay };
+//# sourceMappingURL=IdentifierDisplay.js.map

package/dist/esm/IdentifierDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentifierDisplay.js","sources":["../../src/IdentifierDisplay.tsx"],"sourcesContent":["import { Identifier } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface IdentifierDisplayProps {\n  value?: Identifier;\n}\n\nexport function IdentifierDisplay(props: IdentifierDisplayProps): JSX.Element {\n  return (\n    <div>\n      {props.value?.system}: {props.value?.value}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAOM,SAAU,iBAAiB,CAAC,KAA6B,EAAA;;AAC7D,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACG,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;WAAE,MAAM;cAAI,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;WAAE,KAAK,CACtC,EACN;AACJ;;;;"}

package/dist/esm/IdentifierInput.js

@@ -0,0 +1,19 @@
+import React, { useState } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+
+function IdentifierInput(props) {
+    const [value, setValue] = useState(props.defaultValue);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Input, { placeholder: "System", defaultValue: value === null || value === void 0 ? void 0 : value.system, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { system: newValue })) }),
+        React.createElement(Input, { placeholder: "Value", defaultValue: value === null || value === void 0 ? void 0 : value.value, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { value: newValue })) })));
+}
+
+export { IdentifierInput };
+//# sourceMappingURL=IdentifierInput.js.map

package/dist/esm/IdentifierInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentifierInput.js","sources":["../../src/IdentifierInput.tsx"],"sourcesContent":["import { Identifier } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\n\nexport interface IdentifierInputProps {\n  name: string;\n  defaultValue?: Identifier;\n  onChange?: (value: Identifier) => void;\n}\n\nexport function IdentifierInput(props: IdentifierInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Identifier): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      <Input\n        placeholder=\"System\"\n        defaultValue={value?.system}\n        onChange={(newValue) => setValueWrapper({ ...value, system: newValue })}\n      />\n      <Input\n        placeholder=\"Value\"\n        defaultValue={value?.value}\n        onChange={(newValue) => setValueWrapper({ ...value, value: newValue })}\n      />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":";;;;AAWM,SAAU,eAAe,CAAC,KAA2B,EAAA;AACzD,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,eAAe,CAAC,QAAoB,EAAA;QAC3C,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,QAAQ,EACpB,YAAY,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,MAAM,EAC3B,QAAQ,EAAE,CAAC,QAAQ,KAAK,eAAe,CAAM,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,MAAM,EAAE,QAAQ,IAAG,EACvE,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,OAAO,EACnB,YAAY,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,KAAK,EAC1B,QAAQ,EAAE,CAAC,QAAQ,KAAK,eAAe,CAAM,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CAAE,EAAA,EAAA,KAAK,EAAE,QAAQ,EAAA,CAAA,CAAG,EACtE,CAAA,CACO,EACX;AACJ;;;;"}

package/dist/esm/Input.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { getIssuesForExpression } from './utils/outcomes.js';
+
+function Input(props) {
+    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, 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);
+            }
+        } }));
+}
+/**
+ * Returns the input type for the requested type.
+ * JSDOM does not support many of the valid <input> type attributes.
+ * For example, it won't fire change events for <input type="datetime-local">.
+ * @param requestedType The optional type as requested by the parent component.
+ */
+function getInputType(requestedType) {
+    const result = requestedType || 'text';
+    return result;
+}
+
+export { Input };
+//# sourceMappingURL=Input.js.map