@medplum/react 2.0.1 → 2.0.2

package/dist/cjs/index.cjs

@@ -1,15 +1,34 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('@tabler/icons'), require('react-router-dom'), require('@mantine/notifications')) :
-    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', '@tabler/icons', 'react-router-dom', '@mantine/notifications'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.tabler.icons, global.ReactRouterDOM, global.mantine.notifications));
-})(this, (function (exports, core, React, core$1, icons, reactRouterDom, notifications) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@medplum/core'), require('react'), require('@mantine/core'), require('@mantine/notifications')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@medplum/core', 'react', '@mantine/core', '@mantine/notifications'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.medplum = global.medplum || {}, global.medplum.react = {}), global.medplum.core, global.React, global.mantine.core, global.mantine.notifications));
+})(this, (function (exports, core, e, core$1, notifications) { 'use strict';
+
+    function _interopNamespaceDefault(e) {
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () { return e[k]; }
+                    });
+                }
+            });
+        }
+        n.default = e;
+        return Object.freeze(n);
+    }
+
+    var e__namespace = /*#__PURE__*/_interopNamespaceDefault(e);
 
     function AddressDisplay(props) {
         const address = props.value;
         if (!address) {
             return null;
         }
-        return React.createElement(React.Fragment, null, core.formatAddress(address));
+        return e.createElement(e.Fragment, null, core.formatAddress(address));
     }
 
     function getLine(address, index) {
@@ -24,8 +43,8 @@
         return { ...address, line };
     }
     function AddressInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue || {});
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue || {});
+        const valueRef = e.useRef();
         valueRef.current = value;
         function setValueWrapper(newValue) {
             setValue(newValue);
@@ -54,17 +73,17 @@
         function setPostalCode(postalCode) {
             setValueWrapper({ ...valueRef.current, postalCode });
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { "data-testid": "address-use", defaultValue: value?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'billing'] }),
-            React.createElement(core$1.NativeSelect, { "data-testid": "address-type", defaultValue: value?.type, onChange: (e) => setType(e.currentTarget.value), data: ['', 'postal', 'physical', 'both'] }),
-            React.createElement(core$1.TextInput, { placeholder: "Line 1", defaultValue: getLine(value, 0), onChange: (e) => setLine1(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Line 2", defaultValue: getLine(value, 1), onChange: (e) => setLine2(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "City", defaultValue: value.city, onChange: (e) => setCity(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "State", defaultValue: value.state, onChange: (e) => setState(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Postal Code", defaultValue: value.postalCode, onChange: (e) => setPostalCode(e.currentTarget.value) })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.NativeSelect, { "data-testid": "address-use", defaultValue: value?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'billing'] }),
+            e.createElement(core$1.NativeSelect, { "data-testid": "address-type", defaultValue: value?.type, onChange: (e) => setType(e.currentTarget.value), data: ['', 'postal', 'physical', 'both'] }),
+            e.createElement(core$1.TextInput, { placeholder: "Line 1", defaultValue: getLine(value, 0), onChange: (e) => setLine1(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "Line 2", defaultValue: getLine(value, 1), onChange: (e) => setLine2(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "City", defaultValue: value.city, onChange: (e) => setCity(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "State", defaultValue: value.state, onChange: (e) => setState(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "Postal Code", defaultValue: value.postalCode, onChange: (e) => setPostalCode(e.currentTarget.value) })));
     }
 
-    const reactContext = React.createContext(undefined);
+    const reactContext = e.createContext(undefined);
     /**
      * The MedplumProvider component provides Medplum context state.
      *
@@ -74,11 +93,12 @@
      */
     function MedplumProvider(props) {
         const medplum = props.medplum;
-        const [state, setState] = React.useState({
+        const navigate = props.navigate || defaultNavigate;
+        const [state, setState] = e.useState({
             profile: medplum.getProfile(),
             loading: false,
         });
-        React.useEffect(() => {
+        e.useEffect(() => {
             function eventListener() {
                 setState({
                     ...state,
@@ -91,14 +111,15 @@
         const medplumContext = {
             ...state,
             medplum,
+            navigate,
         };
-        return React.createElement(reactContext.Provider, { value: medplumContext }, props.children);
+        return e.createElement(reactContext.Provider, { value: medplumContext }, props.children);
     }
     /**
      * Returns the MedplumContext instance.
      */
     function useMedplumContext() {
-        return React.useContext(reactContext);
+        return e.useContext(reactContext);
     }
     /**
      * Returns the MedplumClient instance.
@@ -107,6 +128,13 @@
     function useMedplum() {
         return useMedplumContext().medplum;
     }
+    /**
+     * Returns the Medplum navigate function.
+     * @returns The Medplum navigate function.
+     */
+    function useMedplumNavigate() {
+        return useMedplumContext().navigate;
+    }
     /**
      * Returns the current Medplum user profile (if signed in).
      * This is a shortcut for useMedplumContext().profile.
@@ -115,11 +143,18 @@
     function useMedplumProfile() {
         return useMedplumContext().profile;
     }
+    /**
+     * The default "navigate" function which simply uses window.location.href.
+     * @param path The path to navigate to.
+     */
+    function defaultNavigate(path) {
+        window.location.assign(path);
+    }
 
     function AnnotationInput(props) {
         const author = useMedplumProfile();
-        const [value, setValue] = React.useState(props.defaultValue || {});
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue || {});
+        const valueRef = e.useRef();
         valueRef.current = value;
         function setText(text) {
             const newValue = text
@@ -134,7 +169,7 @@
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.TextInput, { name: props.name, placeholder: "Annotation text", defaultValue: value.text, onChange: (e) => setText(e.currentTarget.value) }));
+        return (e.createElement(core$1.TextInput, { name: props.name, placeholder: "Annotation text", defaultValue: value.text, onChange: (e) => setText(e.currentTarget.value) }));
     }
 
     /**
@@ -172,23 +207,23 @@
     function AsyncAutocomplete(props) {
         const { defaultValue, toKey, toOption, loadOptions, onChange, onCreate, ...rest } = props;
         const defaultItems = toDefaultItems(defaultValue);
-        const inputRef = React.useRef(null);
-        const [lastValue, setLastValue] = React.useState(undefined);
-        const [timer, setTimer] = React.useState();
-        const [abortController, setAbortController] = React.useState();
-        const [autoSubmit, setAutoSubmit] = React.useState();
-        const [options, setOptions] = React.useState(defaultItems?.map(toOption));
-        const lastValueRef = React.useRef();
+        const inputRef = e.useRef(null);
+        const [lastValue, setLastValue] = e.useState(undefined);
+        const [timer, setTimer] = e.useState();
+        const [abortController, setAbortController] = e.useState();
+        const [autoSubmit, setAutoSubmit] = e.useState();
+        const [options, setOptions] = e.useState(defaultItems?.map(toOption));
+        const lastValueRef = e.useRef();
         lastValueRef.current = lastValue;
-        const timerRef = React.useRef();
+        const timerRef = e.useRef();
         timerRef.current = timer;
-        const abortControllerRef = React.useRef();
+        const abortControllerRef = e.useRef();
         abortControllerRef.current = abortController;
-        const autoSubmitRef = React.useRef();
+        const autoSubmitRef = e.useRef();
         autoSubmitRef.current = autoSubmit;
-        const optionsRef = React.useRef();
+        const optionsRef = e.useRef();
         optionsRef.current = options;
-        const handleTimer = React.useCallback(() => {
+        const handleTimer = e.useCallback(() => {
             setTimer(undefined);
             const value = inputRef.current?.value?.trim() || '';
             if (value === lastValueRef.current) {
@@ -213,7 +248,7 @@
             })
                 .catch(console.log);
         }, [loadOptions, onChange, toOption]);
-        const handleSearchChange = React.useCallback(() => {
+        const handleSearchChange = e.useCallback(() => {
             if (abortControllerRef.current) {
                 abortControllerRef.current.abort();
                 setAbortController(undefined);
@@ -224,7 +259,7 @@
             const newTimer = window.setTimeout(() => handleTimer(), 100);
             setTimer(newTimer);
         }, [handleTimer]);
-        const handleChange = React.useCallback((values) => {
+        const handleChange = e.useCallback((values) => {
             const result = [];
             for (const value of values) {
                 let item = optionsRef.current?.find((option) => option.value === value)?.resource;
@@ -235,7 +270,7 @@
             }
             onChange(result);
         }, [onChange, onCreate]);
-        const handleKeyDown = React.useCallback((e) => {
+        const handleKeyDown = e.useCallback((e) => {
             if (e.key === 'Enter') {
                 if (!timerRef.current && !abortControllerRef.current) {
                     killEvent(e);
@@ -251,20 +286,20 @@
                 }
             }
         }, [handleChange]);
-        const handleCreate = React.useCallback((input) => {
+        const handleCreate = e.useCallback((input) => {
             const option = toOption(onCreate(input));
             setOptions([...optionsRef.current, option]);
             return option;
         }, [onCreate, setOptions, toOption]);
-        const handleFilter = React.useCallback((_value, selected) => !selected, []);
-        React.useEffect(() => {
+        const handleFilter = e.useCallback((_value, selected) => !selected, []);
+        e.useEffect(() => {
             return () => {
                 if (abortControllerRef.current) {
                     abortControllerRef.current.abort();
                 }
             };
         }, []);
-        return (React.createElement(core$1.MultiSelect, { ...rest, ref: inputRef, defaultValue: defaultItems.map(toKey), searchable: true, onKeyDown: handleKeyDown, onSearchChange: handleSearchChange, data: options, onFocus: handleTimer, onChange: handleChange, onCreate: handleCreate, rightSectionWidth: 40, rightSection: abortController ? React.createElement(core$1.Loader, { size: 16 }) : null, filter: handleFilter }));
+        return (e.createElement(core$1.MultiSelect, { ...rest, ref: inputRef, defaultValue: defaultItems.map(toKey), searchable: true, onKeyDown: handleKeyDown, onSearchChange: handleSearchChange, data: options, onFocus: handleTimer, onChange: handleChange, onCreate: handleCreate, rightSectionWidth: 40, rightSection: abortController ? e.createElement(core$1.Loader, { size: 16 }) : null, filter: handleFilter }));
     }
     function toDefaultItems(defaultValue) {
         if (!defaultValue) {
@@ -282,25 +317,27 @@
         if (!url) {
             return null;
         }
-        return (React.createElement("div", { "data-testid": "attachment-display" },
-            contentType?.startsWith('image/') && (React.createElement("img", { "data-testid": "attachment-image", style: { maxWidth: props.maxWidth }, src: url, alt: value?.title })),
-            contentType?.startsWith('video/') && (React.createElement("video", { "data-testid": "attachment-video", style: { maxWidth: props.maxWidth }, controls: true },
-                React.createElement("source", { type: contentType, src: url }))),
-            contentType === 'application/pdf' && !title?.endsWith('.pdf') && (React.createElement("div", { "data-testid": "attachment-pdf", style: { maxWidth: props.maxWidth, minHeight: 400 } },
-                React.createElement("iframe", { width: "100%", height: "400", src: url + '#navpanes=0', allowFullScreen: true, frameBorder: 0, seamless: true }))),
-            React.createElement("div", { "data-testid": "download-link", style: { padding: '2px 16px 16px 16px' } },
-                React.createElement(core$1.Anchor, { href: value?.url, "data-testid": "attachment-details", target: "_blank", rel: "noopener noreferrer" }, value?.title || 'Download'))));
+        return (e.createElement("div", { "data-testid": "attachment-display" },
+            contentType?.startsWith('image/') && (e.createElement("img", { "data-testid": "attachment-image", style: { maxWidth: props.maxWidth }, src: url, alt: value?.title })),
+            contentType?.startsWith('video/') && (e.createElement("video", { "data-testid": "attachment-video", style: { maxWidth: props.maxWidth }, controls: true },
+                e.createElement("source", { type: contentType, src: url }))),
+            contentType === 'application/pdf' && !title?.endsWith('.pdf') && (e.createElement("div", { "data-testid": "attachment-pdf", style: { maxWidth: props.maxWidth, minHeight: 400 } },
+                e.createElement("iframe", { width: "100%", height: "400", src: url + '#navpanes=0', allowFullScreen: true, frameBorder: 0, seamless: true }))),
+            e.createElement("div", { "data-testid": "download-link", style: { padding: '2px 16px 16px 16px' } },
+                e.createElement(core$1.Anchor, { href: value?.url, "data-testid": "attachment-details", target: "_blank", rel: "noopener noreferrer" }, value?.title || 'Download'))));
     }
 
     function AttachmentArrayDisplay(props) {
-        return (React.createElement("div", null, props.values &&
-            props.values.map((v, index) => (React.createElement("div", { key: 'attatchment-' + index },
-                React.createElement(AttachmentDisplay, { value: v, maxWidth: props.maxWidth }))))));
+        return (e.createElement("div", null, props.values &&
+            props.values.map((v, index) => (e.createElement("div", { key: 'attatchment-' + index },
+                e.createElement(AttachmentDisplay, { value: v, maxWidth: props.maxWidth }))))));
     }
 
+    function t(){return t=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&(e[r]=o[r]);}return e},t.apply(this,arguments)}function o(e,t){if(null==e)return {};var o,r,n=function(e,t){if(null==e)return {};var o,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||(n[o]=e[o]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)o=l[r],t.indexOf(o)>=0||Object.prototype.propertyIsEnumerable.call(e,o)&&(n[o]=e[o]);}return n}var te=["size","color","stroke"];function oe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,te);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-adjustments-horizontal",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("circle",{cx:14,cy:6,r:2}),e__namespace.createElement("line",{x1:4,y1:6,x2:12,y2:6}),e__namespace.createElement("line",{x1:16,y1:6,x2:20,y2:6}),e__namespace.createElement("circle",{cx:8,cy:12,r:2}),e__namespace.createElement("line",{x1:4,y1:12,x2:6,y2:12}),e__namespace.createElement("line",{x1:10,y1:12,x2:20,y2:12}),e__namespace.createElement("circle",{cx:17,cy:18,r:2}),e__namespace.createElement("line",{x1:4,y1:18,x2:15,y2:18}),e__namespace.createElement("line",{x1:19,y1:18,x2:20,y2:18}))}var Ne=["size","color","stroke"];function We(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Ne);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-alert-circle",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("circle",{cx:12,cy:12,r:9}),e__namespace.createElement("line",{x1:12,y1:8,x2:12,y2:12}),e__namespace.createElement("line",{x1:12,y1:16,x2:12.01,y2:16}))}var Gv=["size","color","stroke"];function Jv(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Gv);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-bleach-off",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 19h14m1.986 -1.977a2.001 2.001 0 0 0 -.146 -.773l-7.1 -12.25a2 2 0 0 0 -3.5 0l-.815 1.405m-1.488 2.568l-4.797 8.277a2 2 0 0 0 1.75 2.75"}),e__namespace.createElement("path",{d:"M3 3l18 18"}))}var Kv=["size","color","stroke"];function Qv(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Kv);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-bleach",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75"}))}var zw=["size","color","stroke"];function bw(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,zw);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-box-multiple",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("rect",{x:7,y:3,width:14,height:14,rx:2}),e__namespace.createElement("path",{d:"M17 17v2a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-10a2 2 0 0 1 2 -2h2"}))}var Gw=["size","color","stroke"];function Jw(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Gw);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-brackets-contain",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M7 4h-4v16h4"}),e__namespace.createElement("path",{d:"M17 4h4v16h-4"}),e__namespace.createElement("path",{d:"M8 16h.01"}),e__namespace.createElement("path",{d:"M12 16h.01"}),e__namespace.createElement("path",{d:"M16 16h.01"}))}var yC=["size","color","stroke"];function CC(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,yC);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-bucket-off",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5.029 5.036c-.655 .58 -1.029 1.25 -1.029 1.964c0 2.033 3.033 3.712 6.96 3.967m3.788 -.21c3.064 -.559 5.252 -2.029 5.252 -3.757c0 -2.21 -3.582 -4 -8 -4c-1.605 0 -3.1 .236 -4.352 .643"}),e__namespace.createElement("path",{d:"M4 7c0 .664 .088 1.324 .263 1.965l2.737 10.035c.5 1.5 2.239 2 5 2s4.5 -.5 5 -2c.1 -.3 .252 -.812 .457 -1.535m.862 -3.146c.262 -.975 .735 -2.76 1.418 -5.354a7.45 7.45 0 0 0 .263 -1.965"}),e__namespace.createElement("path",{d:"M3 3l18 18"}))}var jC=["size","color","stroke"];function BC(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,jC);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-bucket",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("ellipse",{cx:12,cy:7,rx:8,ry:4}),e__namespace.createElement("path",{d:"M4 7c0 .664 .088 1.324 .263 1.965l2.737 10.035c.5 1.5 2.239 2 5 2s4.5 -.5 5 -2c.333 -1 1.246 -4.345 2.737 -10.035a7.45 7.45 0 0 0 .263 -1.965"}))}var fB=["size","color","stroke"];function zB(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,fB);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-calendar",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("rect",{x:4,y:5,width:16,height:16,rx:2}),e__namespace.createElement("line",{x1:16,y1:3,x2:16,y2:7}),e__namespace.createElement("line",{x1:8,y1:3,x2:8,y2:7}),e__namespace.createElement("line",{x1:4,y1:11,x2:20,y2:11}),e__namespace.createElement("line",{x1:11,y1:15,x2:12,y2:15}),e__namespace.createElement("line",{x1:12,y1:15,x2:12,y2:18}))}var AW=["size","color","stroke"];function DW(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,AW);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-check",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 12l5 5l10 -10"}))}var FW=["size","color","stroke"];function GW(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,FW);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-checkbox",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("polyline",{points:"9 11 12 14 20 6"}),e__namespace.createElement("path",{d:"M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9"}))}var SP=["size","color","stroke"];function IP(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,SP);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-circle-minus",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("circle",{cx:12,cy:12,r:9}),e__namespace.createElement("line",{x1:9,y1:12,x2:15,y2:12}))}var aS=["size","color","stroke"];function iS(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,aS);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-circle-plus",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("circle",{cx:12,cy:12,r:9}),e__namespace.createElement("line",{x1:9,y1:12,x2:15,y2:12}),e__namespace.createElement("line",{x1:12,y1:9,x2:12,y2:15}))}var VA=["size","color","stroke"];function XA(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,VA);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-cloud-upload",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M7 18a4.6 4.4 0 0 1 0 -9a5 4.5 0 0 1 11 2h1a3.5 3.5 0 0 1 0 7h-1"}),e__namespace.createElement("polyline",{points:"9 15 12 12 15 15"}),e__namespace.createElement("line",{x1:12,y1:12,x2:12,y2:21}))}var cF=["size","color","stroke"];function sF(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,cF);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-columns",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:4,y1:6,x2:9.5,y2:6}),e__namespace.createElement("line",{x1:4,y1:10,x2:9.5,y2:10}),e__namespace.createElement("line",{x1:4,y1:14,x2:9.5,y2:14}),e__namespace.createElement("line",{x1:4,y1:18,x2:9.5,y2:18}),e__namespace.createElement("line",{x1:14.5,y1:6,x2:20,y2:6}),e__namespace.createElement("line",{x1:14.5,y1:10,x2:20,y2:10}),e__namespace.createElement("line",{x1:14.5,y1:14,x2:20,y2:14}),e__namespace.createElement("line",{x1:14.5,y1:18,x2:20,y2:18}))}var jK=["size","color","stroke"];function BK(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,jK);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-currency-dollar",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M16.7 8a3 3 0 0 0 -2.7 -2h-4a3 3 0 0 0 0 6h4a3 3 0 0 1 0 6h-4a3 3 0 0 1 -2.7 -2"}),e__namespace.createElement("path",{d:"M12 3v3m0 12v3"}))}var jX=["size","color","stroke"];function BX(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,jX);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-dots",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("circle",{cx:5,cy:12,r:1}),e__namespace.createElement("circle",{cx:12,cy:12,r:1}),e__namespace.createElement("circle",{cx:19,cy:12,r:1}))}var yY=["size","color","stroke"];function CY(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,yY);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-edit",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M7 7h-1a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-1"}),e__namespace.createElement("path",{d:"M20.385 6.585a2.1 2.1 0 0 0 -2.97 -2.97l-8.415 8.385v3h3l8.385 -8.415z"}),e__namespace.createElement("path",{d:"M16 5l3 3"}))}var oZ=["size","color","stroke"];function rZ(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,oZ);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-equal-not",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 10h14"}),e__namespace.createElement("path",{d:"M5 14h14"}),e__namespace.createElement("path",{d:"M5 19l14 -14"}))}var nZ=["size","color","stroke"];function lZ(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,nZ);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-equal",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 10h14"}),e__namespace.createElement("path",{d:"M5 14h14"}))}var j$=["size","color","stroke"];function B$(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,j$);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-file-alert",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M14 3v4a1 1 0 0 0 1 1h4"}),e__namespace.createElement("path",{d:"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"}),e__namespace.createElement("line",{x1:12,y1:17,x2:12.01,y2:17}),e__namespace.createElement("line",{x1:12,y1:11,x2:12,y2:14}))}var V_=["size","color","stroke"];function X_(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,V_);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-file-plus",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M14 3v4a1 1 0 0 0 1 1h4"}),e__namespace.createElement("path",{d:"M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z"}),e__namespace.createElement("line",{x1:12,y1:11,x2:12,y2:17}),e__namespace.createElement("line",{x1:9,y1:14,x2:15,y2:14}))}var Q0=["size","color","stroke"];function R0(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Q0);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-filter",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5.5 5h13a1 1 0 0 1 .5 1.5l-5 5.5l0 7l-4 -3l0 -4l-5 -5.5a1 1 0 0 1 .5 -1.5"}))}var Wae=["size","color","stroke"];function qae(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Wae);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-list-details",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M13 5h8"}),e__namespace.createElement("path",{d:"M13 9h5"}),e__namespace.createElement("path",{d:"M13 15h8"}),e__namespace.createElement("path",{d:"M13 19h5"}),e__namespace.createElement("rect",{x:3,y:4,width:6,height:6,rx:1}),e__namespace.createElement("rect",{x:3,y:14,width:6,height:6,rx:1}))}var yse=["size","color","stroke"];function Cse(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,yse);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-math-greater",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M5 18l14 -6l-14 -6"}))}var Ose=["size","color","stroke"];function Pse(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Ose);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-math-lower",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M19 18l-14 -6l14 -6"}))}var bde=["size","color","stroke"];function Lde(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,bde);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-message",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M4 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4"}),e__namespace.createElement("line",{x1:8,y1:9,x2:16,y2:9}),e__namespace.createElement("line",{x1:8,y1:13,x2:14,y2:13}))}var pge=["size","color","stroke"];function Ege(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,pge);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-pin",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M15 4.5l-4 4l-4 1.5l-1.5 1.5l7 7l1.5 -1.5l1.5 -4l4 -4"}),e__namespace.createElement("line",{x1:9,y1:15,x2:4.5,y2:19.5}),e__namespace.createElement("line",{x1:14.5,y1:4,x2:20,y2:9.5}))}var Mge=["size","color","stroke"];function xge(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,Mge);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-pinned-off",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:3,y1:3,x2:21,y2:21}),e__namespace.createElement("path",{d:"M15 4.5l-3.249 3.249m-2.57 1.433l-2.181 .818l-1.5 1.5l7 7l1.5 -1.5l.82 -2.186m1.43 -2.563l3.25 -3.251"}),e__namespace.createElement("line",{x1:9,y1:15,x2:4.5,y2:19.5}),e__namespace.createElement("line",{x1:14.5,y1:4,x2:20,y2:9.5}))}var jje=["size","color","stroke"];function Bje(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,jje);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-settings",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M10.325 4.317c.426 -1.756 2.924 -1.756 3.35 0a1.724 1.724 0 0 0 2.573 1.066c1.543 -.94 3.31 .826 2.37 2.37a1.724 1.724 0 0 0 1.065 2.572c1.756 .426 1.756 2.924 0 3.35a1.724 1.724 0 0 0 -1.066 2.573c.94 1.543 -.826 3.31 -2.37 2.37a1.724 1.724 0 0 0 -2.572 1.065c-.426 1.756 -2.924 1.756 -3.35 0a1.724 1.724 0 0 0 -2.573 -1.066c-1.543 .94 -3.31 -.826 -2.37 -2.37a1.724 1.724 0 0 0 -1.065 -2.572c-1.756 -.426 -1.756 -2.924 0 -3.35a1.724 1.724 0 0 0 1.066 -2.573c-.94 -1.543 .826 -3.31 2.37 -2.37c1 .608 2.296 .07 2.572 -1.065z"}),e__namespace.createElement("circle",{cx:12,cy:12,r:3}))}var aNe=["size","color","stroke"];function iNe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,aNe);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-sort-ascending",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:4,y1:6,x2:11,y2:6}),e__namespace.createElement("line",{x1:4,y1:12,x2:11,y2:12}),e__namespace.createElement("line",{x1:4,y1:18,x2:13,y2:18}),e__namespace.createElement("polyline",{points:"15 9 18 6 21 9"}),e__namespace.createElement("line",{x1:18,y1:6,x2:18,y2:18}))}var kNe=["size","color","stroke"];function wNe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,kNe);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-sort-descending",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:4,y1:6,x2:13,y2:6}),e__namespace.createElement("line",{x1:4,y1:12,x2:11,y2:12}),e__namespace.createElement("line",{x1:4,y1:18,x2:11,y2:18}),e__namespace.createElement("polyline",{points:"15 15 18 18 21 15"}),e__namespace.createElement("line",{x1:18,y1:6,x2:18,y2:18}))}var QSe=["size","color","stroke"];function RSe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,QSe);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-square",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("rect",{x:4,y:4,width:16,height:16,rx:2}))}var $Ae=["size","color","stroke"];function _Ae(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,$Ae);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-table-export",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("path",{d:"M11.5 20h-5.5a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v7.5m-16 -3.5h16m-10 -6v16m4 -1h7m-3 -3l3 3l-3 3"}))}var fKe=["size","color","stroke"];function zKe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,fKe);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-trash",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:4,y1:7,x2:20,y2:7}),e__namespace.createElement("line",{x1:10,y1:11,x2:10,y2:17}),e__namespace.createElement("line",{x1:14,y1:11,x2:14,y2:17}),e__namespace.createElement("path",{d:"M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12"}),e__namespace.createElement("path",{d:"M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3"}))}var WXe=["size","color","stroke"];function qXe(r){var n=r.size,l=void 0===n?24:n,a=r.color,i=void 0===a?"currentColor":a,c=r.stroke,s=void 0===c?2:c,h=o(r,WXe);return e__namespace.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",className:"icon icon-tabler icon-tabler-x",width:l,height:l,viewBox:"0 0 24 24",strokeWidth:s,stroke:i,fill:"none",strokeLinecap:"round",strokeLinejoin:"round"},h),e__namespace.createElement("path",{stroke:"none",d:"M0 0h24v24H0z",fill:"none"}),e__namespace.createElement("line",{x1:18,y1:6,x2:6,y2:18}),e__namespace.createElement("line",{x1:6,y1:6,x2:18,y2:18}))}
+
     function AttachmentButton(props) {
         const medplum = useMedplum();
-        const fileInputRef = React.useRef(null);
+        const fileInputRef = e.useRef(null);
         function onClick(e) {
             killEvent(e);
             fileInputRef.current?.click();
@@ -343,14 +380,14 @@
                 alert(outcome?.issue?.[0]?.details?.text);
             });
         }
-        return (React.createElement(React.Fragment, null,
-            React.createElement("input", { type: "file", "data-testid": "upload-file-input", style: { display: 'none' }, ref: fileInputRef, onChange: (e) => onFileChange(e) }),
+        return (e.createElement(e.Fragment, null,
+            e.createElement("input", { type: "file", "data-testid": "upload-file-input", style: { display: 'none' }, ref: fileInputRef, onChange: (e) => onFileChange(e) }),
             props.children({ onClick })));
     }
 
     function AttachmentArrayInput(props) {
-        const [values, setValues] = React.useState(props.defaultValue ?? []);
-        const valuesRef = React.useRef();
+        const [values, setValues] = e.useState(props.defaultValue ?? []);
+        const valuesRef = e.useRef();
         valuesRef.current = values;
         function setValuesWrapper(newValues) {
             setValues(newValues);
@@ -358,33 +395,33 @@
                 props.onChange(newValues);
             }
         }
-        return (React.createElement("table", { style: { width: '100%' } },
-            React.createElement("colgroup", null,
-                React.createElement("col", { width: "97%" }),
-                React.createElement("col", { width: "3%" })),
-            React.createElement("tbody", null,
-                values.map((v, index) => (React.createElement("tr", { key: `${index}-${values.length}` },
-                    React.createElement("td", null,
-                        React.createElement(AttachmentDisplay, { value: v, maxWidth: 200 })),
-                    React.createElement("td", null,
-                        React.createElement(core$1.ActionIcon, { title: "Remove", size: "sm", onClick: (e) => {
+        return (e.createElement("table", { style: { width: '100%' } },
+            e.createElement("colgroup", null,
+                e.createElement("col", { width: "97%" }),
+                e.createElement("col", { width: "3%" })),
+            e.createElement("tbody", null,
+                values.map((v, index) => (e.createElement("tr", { key: `${index}-${values.length}` },
+                    e.createElement("td", null,
+                        e.createElement(AttachmentDisplay, { value: v, maxWidth: 200 })),
+                    e.createElement("td", null,
+                        e.createElement(core$1.ActionIcon, { title: "Remove", size: "sm", onClick: (e) => {
                                 killEvent(e);
                                 const copy = values.slice();
                                 copy.splice(index, 1);
                                 setValuesWrapper(copy);
                             } },
-                            React.createElement(icons.IconCircleMinus, null)))))),
-                React.createElement("tr", null,
-                    React.createElement("td", null),
-                    React.createElement("td", null,
-                        React.createElement(AttachmentButton, { onUpload: (attachment) => {
+                            e.createElement(IP, null)))))),
+                e.createElement("tr", null,
+                    e.createElement("td", null),
+                    e.createElement("td", null,
+                        e.createElement(AttachmentButton, { onUpload: (attachment) => {
                                 setValuesWrapper([...valuesRef.current, attachment]);
-                            } }, (props) => (React.createElement(core$1.ActionIcon, { ...props, title: "Add", size: "sm", color: "green" },
-                            React.createElement(icons.IconCloudUpload, { size: 16 })))))))));
+                            } }, (props) => (e.createElement(core$1.ActionIcon, { ...props, title: "Add", size: "sm", color: "green" },
+                            e.createElement(XA, { size: 16 })))))))));
     }
 
     function AttachmentInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
@@ -392,17 +429,17 @@
             }
         }
         if (value) {
-            return (React.createElement(React.Fragment, null,
-                React.createElement(AttachmentDisplay, { value: value, maxWidth: 200 }),
-                React.createElement(core$1.Button, { onClick: (e) => {
+            return (e.createElement(e.Fragment, null,
+                e.createElement(AttachmentDisplay, { value: value, maxWidth: 200 }),
+                e.createElement(core$1.Button, { onClick: (e) => {
                         killEvent(e);
                         setValueWrapper(undefined);
                     } }, "Remove")));
         }
-        return (React.createElement(AttachmentButton, { onUpload: setValueWrapper }, (props) => React.createElement(core$1.Button, { ...props }, "Upload...")));
+        return (e.createElement(AttachmentButton, { onUpload: setValueWrapper }, (props) => e.createElement(core$1.Button, { ...props }, "Upload...")));
     }
 
-    const useStyles$d = core$1.createStyles(() => ({
+    const useStyles$e = core$1.createStyles(() => ({
         root: {
             '@media (max-width: 800px)': {
                 paddingLeft: 4,
@@ -412,11 +449,11 @@
     }));
     function Container(props) {
         const { children, ...others } = props;
-        const { classes } = useStyles$d();
-        return (React.createElement(core$1.Container, { className: classes.root, ...others }, children));
+        const { classes } = useStyles$e();
+        return (e.createElement(core$1.Container, { className: classes.root, ...others }, children));
     }
 
-    const useStyles$c = core$1.createStyles((theme, { width, fill }) => ({
+    const useStyles$d = core$1.createStyles((theme, { width, fill }) => ({
         paper: {
             maxWidth: width,
             margin: `${theme.spacing.xl}px auto`,
@@ -441,14 +478,14 @@
     };
     function Panel(props) {
         const { className, children, width, fill, unstyled, ...others } = core$1.useComponentDefaultProps('Panel', defaultProps$1, props);
-        const { classes, cx } = useStyles$c({ width, fill }, { name: 'Panel', unstyled });
-        return (React.createElement(core$1.Paper, { className: cx(classes.paper, className), ...others }, children));
+        const { classes, cx } = useStyles$d({ width, fill }, { name: 'Panel', unstyled });
+        return (e.createElement(core$1.Paper, { className: cx(classes.paper, className), ...others }, children));
     }
 
     function Document(props) {
         const { children, ...others } = props;
-        return (React.createElement(Container, null,
-            React.createElement(Panel, { ...others }, children)));
+        return (e.createElement(Container, null,
+            e.createElement(Panel, { ...others }, children)));
     }
 
     /**
@@ -499,7 +536,7 @@
     }
 
     function Form(props) {
-        return (React.createElement("form", { style: props.style, "data-testid": props.testid, onSubmit: (e) => {
+        return (e.createElement("form", { style: props.style, "data-testid": props.testid, onSubmit: (e) => {
                 e.preventDefault();
                 const formData = parseForm(e.target);
                 if (props.onSubmit) {
@@ -509,13 +546,13 @@
     }
 
     function Logo(props) {
-        return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 491 491", style: { width: props.size, height: props.size } },
-            React.createElement("title", null, "Medplum Logo"),
-            React.createElement("path", { fill: props.fill || '#ad7136', d: "M282 67c6-16 16-29 29-40L289 0c-22 17-37 41-43 68l17 23 19-24z" }),
-            React.createElement("path", { fill: props.fill || '#946af9', d: "M311 63c-17 0-33 4-48 11-16-7-32-11-49-11-87 0-158 96-158 214s71 214 158 214c17 0 33-4 49-11 15 7 31 11 48 11 87 0 158-96 158-214S398 63 311 63z" }),
-            React.createElement("path", { fill: props.fill || '#7857c5', d: "M231 489l-17 2c-87 0-158-96-158-214S127 63 214 63l17 1c-39 12-70 102-70 213s31 201 70 212z" }),
-            React.createElement("path", { fill: props.fill || '#40bc26', d: "M207 220a176 176 0 01-177 43A176 176 0 01251 43l1 5c17 59 2 125-45 172z" }),
-            React.createElement("path", { fill: props.fill || '#33961e', d: "M252 48A421 421 0 0057 270l-27-7A176 176 0 01251 43l1 5z" })));
+        return (e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 491 491", style: { width: props.size, height: props.size } },
+            e.createElement("title", null, "Medplum Logo"),
+            e.createElement("path", { fill: props.fill || '#ad7136', d: "M282 67c6-16 16-29 29-40L289 0c-22 17-37 41-43 68l17 23 19-24z" }),
+            e.createElement("path", { fill: props.fill || '#946af9', d: "M311 63c-17 0-33 4-48 11-16-7-32-11-49-11-87 0-158 96-158 214s71 214 158 214c17 0 33-4 49-11 15 7 31 11 48 11 87 0 158-96 158-214S398 63 311 63z" }),
+            e.createElement("path", { fill: props.fill || '#7857c5', d: "M231 489l-17 2c-87 0-158-96-158-214S127 63 214 63l17 1c-39 12-70 102-70 213s31 201 70 212z" }),
+            e.createElement("path", { fill: props.fill || '#40bc26', d: "M207 220a176 176 0 01-177 43A176 176 0 01251 43l1 5c17 59 2 125-45 172z" }),
+            e.createElement("path", { fill: props.fill || '#33961e', d: "M252 48A421 421 0 0057 270l-27-7A176 176 0 01251 43l1 5z" })));
     }
 
     function getErrorsForInput(outcome, expression) {
@@ -548,8 +585,8 @@
 
     function NewProjectForm(props) {
         const medplum = useMedplum();
-        const [outcome, setOutcome] = React.useState();
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
+        const [outcome, setOutcome] = e.useState();
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
                 try {
                     props.handleAuthResponse(await medplum.startNewProject({
                         login: props.login,
@@ -560,20 +597,20 @@
                     setOutcome(err);
                 }
             } },
-            React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
-                React.createElement(Logo, { size: 32 }),
-                React.createElement(core$1.Title, null, "Create project")),
-            React.createElement(core$1.Stack, { spacing: "xl" },
-                React.createElement(core$1.TextInput, { name: "projectName", label: "Project Name", placeholder: "My Project", required: true, autoFocus: true, error: getErrorsForInput(outcome, 'firstName') }),
-                React.createElement(core$1.Text, { color: "dimmed", size: "xs" },
+            e.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
+                e.createElement(Logo, { size: 32 }),
+                e.createElement(core$1.Title, null, "Create project")),
+            e.createElement(core$1.Stack, { spacing: "xl" },
+                e.createElement(core$1.TextInput, { name: "projectName", label: "Project Name", placeholder: "My Project", required: true, autoFocus: true, error: getErrorsForInput(outcome, 'firstName') }),
+                e.createElement(core$1.Text, { color: "dimmed", size: "xs" },
                     "By clicking submit you agree to the Medplum",
                     ' ',
-                    React.createElement(core$1.Anchor, { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
+                    e.createElement(core$1.Anchor, { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
                     ' and ',
-                    React.createElement(core$1.Anchor, { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                    e.createElement(core$1.Anchor, { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
                     ".")),
-            React.createElement(core$1.Group, { position: "right", mt: "xl", noWrap: true },
-                React.createElement(core$1.Button, { type: "submit" }, "Create project"))));
+            e.createElement(core$1.Group, { position: "right", mt: "xl", noWrap: true },
+                e.createElement(core$1.Button, { type: "submit" }, "Create project"))));
     }
 
     /**
@@ -592,11 +629,11 @@
     function GoogleButton(props) {
         const medplum = useMedplum();
         const { googleClientId, handleGoogleCredential } = props;
-        const parentRef = React.useRef(null);
-        const [scriptLoaded, setScriptLoaded] = React.useState(typeof google !== 'undefined');
-        const [initialized, setInitialized] = React.useState(false);
-        const [buttonRendered, setButtonRendered] = React.useState(false);
-        React.useEffect(() => {
+        const parentRef = e.useRef(null);
+        const [scriptLoaded, setScriptLoaded] = e.useState(typeof google !== 'undefined');
+        const [initialized, setInitialized] = e.useState(false);
+        const [buttonRendered, setButtonRendered] = e.useState(false);
+        e.useEffect(() => {
             if (typeof google === 'undefined') {
                 createScriptTag('https://accounts.google.com/gsi/client', () => setScriptLoaded(true));
                 return;
@@ -616,16 +653,18 @@
         if (!googleClientId) {
             return null;
         }
-        return React.createElement("div", { ref: parentRef });
+        return e.createElement("div", { ref: parentRef });
     }
     function getGoogleClientId(clientId) {
         if (clientId) {
             return clientId;
         }
-        const origin = window.location.protocol + '//' + window.location.host;
-        const authorizedOrigins = "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"?.split(',') ?? [];
-        if (authorizedOrigins.includes(origin)) {
-            return "921088377005-3j1sa10vr6hj86jgmdfh2l53v3mp7lfi.apps.googleusercontent.com";
+        if (typeof window !== 'undefined') {
+            const origin = window.location.protocol + '//' + window.location.host;
+            const authorizedOrigins = "undefined"?.split(',') ?? [];
+            if (authorizedOrigins.includes(origin)) {
+                return "undefined";
+            }
         }
         return undefined;
     }
@@ -634,7 +673,7 @@
         if (!props.issues) {
             return null;
         }
-        return (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), color: "red" }, props.issues.map((issue) => (React.createElement("div", { "data-testid": "text-field-error", key: issue.details?.text }, issue.details?.text)))));
+        return (e.createElement(core$1.Alert, { icon: e.createElement(We, { size: 16 }), color: "red" }, props.issues.map((issue) => (e.createElement("div", { "data-testid": "text-field-error", key: issue.details?.text }, issue.details?.text)))));
     }
 
     /**
@@ -669,10 +708,10 @@
         const googleClientId = getGoogleClientId(props.googleClientId);
         const recaptchaSiteKey = props.recaptchaSiteKey;
         const medplum = useMedplum();
-        const [outcome, setOutcome] = React.useState();
+        const [outcome, setOutcome] = e.useState();
         const issues = getIssuesForExpression(outcome, undefined);
-        React.useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
+        e.useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
                 try {
                     const recaptchaToken = await getRecaptcha(recaptchaSiteKey);
                     props.handleAuthResponse(await medplum.startNewUser({
@@ -690,11 +729,11 @@
                     setOutcome(err);
                 }
             } },
-            React.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, props.children),
-            React.createElement(OperationOutcomeAlert, { issues: issues }),
-            googleClientId && (React.createElement(React.Fragment, null,
-                React.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
-                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: async (response) => {
+            e.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, props.children),
+            e.createElement(OperationOutcomeAlert, { issues: issues }),
+            googleClientId && (e.createElement(e.Fragment, null,
+                e.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
+                    e.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: async (response) => {
                             try {
                                 props.handleAuthResponse(await medplum.startGoogleLogin({
                                     googleClientId: response.clientId,
@@ -706,37 +745,37 @@
                                 setOutcome(err);
                             }
                         } })),
-                React.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
-            React.createElement(core$1.Stack, { spacing: "xl" },
-                React.createElement(core$1.TextInput, { name: "firstName", type: "text", label: "First name", placeholder: "First name", required: true, autoFocus: true, error: getErrorsForInput(outcome, 'firstName') }),
-                React.createElement(core$1.TextInput, { name: "lastName", type: "text", label: "Last name", placeholder: "Last name", required: true, error: getErrorsForInput(outcome, 'lastName') }),
-                React.createElement(core$1.TextInput, { name: "email", type: "email", label: "Email", placeholder: "name@domain.com", required: true, error: getErrorsForInput(outcome, 'email') }),
-                React.createElement(core$1.PasswordInput, { name: "password", label: "Password", autoComplete: "off", required: true, error: getErrorsForInput(outcome, 'password') }),
-                React.createElement(core$1.Text, { color: "dimmed", size: "xs" },
+                e.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
+            e.createElement(core$1.Stack, { spacing: "xl" },
+                e.createElement(core$1.TextInput, { name: "firstName", type: "text", label: "First name", placeholder: "First name", required: true, autoFocus: true, error: getErrorsForInput(outcome, 'firstName') }),
+                e.createElement(core$1.TextInput, { name: "lastName", type: "text", label: "Last name", placeholder: "Last name", required: true, error: getErrorsForInput(outcome, 'lastName') }),
+                e.createElement(core$1.TextInput, { name: "email", type: "email", label: "Email", placeholder: "name@domain.com", required: true, error: getErrorsForInput(outcome, 'email') }),
+                e.createElement(core$1.PasswordInput, { name: "password", label: "Password", autoComplete: "off", required: true, error: getErrorsForInput(outcome, 'password') }),
+                e.createElement(core$1.Text, { color: "dimmed", size: "xs" },
                     "By clicking submit you agree to the Medplum",
                     ' ',
-                    React.createElement(core$1.Anchor, { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
+                    e.createElement(core$1.Anchor, { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
                     ' and ',
-                    React.createElement(core$1.Anchor, { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                    e.createElement(core$1.Anchor, { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
                     "."),
-                React.createElement(core$1.Text, { color: "dimmed", size: "xs" },
+                e.createElement(core$1.Text, { color: "dimmed", size: "xs" },
                     "This site is protected by reCAPTCHA and the Google",
                     ' ',
-                    React.createElement(core$1.Anchor, { href: "https://policies.google.com/privacy" }, "Privacy\u00A0Policy"),
+                    e.createElement(core$1.Anchor, { href: "https://policies.google.com/privacy" }, "Privacy\u00A0Policy"),
                     ' and ',
-                    React.createElement(core$1.Anchor, { href: "https://policies.google.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                    e.createElement(core$1.Anchor, { href: "https://policies.google.com/terms" }, "Terms\u00A0of\u00A0Service"),
                     " apply.")),
-            React.createElement(core$1.Group, { position: "apart", mt: "xl", noWrap: true },
-                React.createElement(core$1.Checkbox, { name: "remember", label: "Remember me", size: "xs" }),
-                React.createElement(core$1.Button, { type: "submit" }, "Create account"))));
+            e.createElement(core$1.Group, { position: "apart", mt: "xl", noWrap: true },
+                e.createElement(core$1.Checkbox, { name: "remember", label: "Remember me", size: "xs" }),
+                e.createElement(core$1.Button, { type: "submit" }, "Create account"))));
     }
 
     function RegisterForm(props) {
         const { type, projectId, googleClientId, recaptchaSiteKey, onSuccess } = props;
         const medplum = useMedplum();
-        const [login, setLogin] = React.useState(undefined);
-        const [outcome, setOutcome] = React.useState();
-        React.useEffect(() => {
+        const [login, setLogin] = e.useState(undefined);
+        const [outcome, setOutcome] = e.useState();
+        e.useEffect(() => {
             if (type === 'patient' && login) {
                 medplum
                     .startNewPatient({ login, projectId: projectId })
@@ -756,26 +795,26 @@
                 setLogin(response.login);
             }
         }
-        return (React.createElement(Document, { width: 450 },
-            outcome && React.createElement("pre", null, JSON.stringify(outcome, null, 2)),
-            !login && (React.createElement(NewUserForm, { projectId: projectId, googleClientId: googleClientId, recaptchaSiteKey: recaptchaSiteKey, handleAuthResponse: handleAuthResponse }, props.children)),
-            login && type === 'project' && React.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse })));
+        return (e.createElement(Document, { width: 450 },
+            outcome && e.createElement("pre", null, JSON.stringify(outcome, null, 2)),
+            !login && (e.createElement(NewUserForm, { projectId: projectId, googleClientId: googleClientId, recaptchaSiteKey: recaptchaSiteKey, handleAuthResponse: handleAuthResponse }, props.children)),
+            login && type === 'project' && e.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse })));
     }
 
     function AuthenticationForm(props) {
-        const [email, setEmail] = React.useState();
+        const [email, setEmail] = e.useState();
         if (!email) {
-            return React.createElement(EmailForm, { setEmail: setEmail, ...props });
+            return e.createElement(EmailForm, { setEmail: setEmail, ...props });
         }
         else {
-            return React.createElement(PasswordForm, { email: email, ...props });
+            return e.createElement(PasswordForm, { email: email, ...props });
         }
     }
     function EmailForm(props) {
         const { setEmail, onRegister, handleAuthResponse, children, ...baseLoginRequest } = props;
         const medplum = useMedplum();
         const googleClientId = getGoogleClientId(props.googleClientId);
-        const isExternalAuth = React.useCallback(async (authMethod) => {
+        const isExternalAuth = e.useCallback(async (authMethod) => {
             if (!authMethod.authorizeUrl) {
                 return false;
             }
@@ -788,13 +827,13 @@
             window.location.assign(url.toString());
             return true;
         }, [medplum, baseLoginRequest]);
-        const handleSubmit = React.useCallback(async (formData) => {
+        const handleSubmit = e.useCallback(async (formData) => {
             const authMethod = await medplum.post('auth/method', { email: formData.email });
             if (!(await isExternalAuth(authMethod))) {
                 setEmail(formData.email);
             }
         }, [medplum, isExternalAuth, setEmail]);
-        const handleGoogleCredential = React.useCallback(async (response) => {
+        const handleGoogleCredential = e.useCallback(async (response) => {
             const authResponse = await medplum.startGoogleLogin({
                 ...baseLoginRequest,
                 googleCredential: response.credential,
@@ -803,23 +842,23 @@
                 handleAuthResponse(authResponse);
             }
         }, [medplum, baseLoginRequest, isExternalAuth, handleAuthResponse]);
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: handleSubmit },
-            React.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, children),
-            googleClientId && (React.createElement(React.Fragment, null,
-                React.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
-                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: handleGoogleCredential })),
-                React.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
-            React.createElement(core$1.TextInput, { name: "email", type: "email", label: "Email", placeholder: "name@domain.com", required: true, autoFocus: true }),
-            React.createElement(core$1.Group, { position: "apart", mt: "xl", spacing: 0, noWrap: true },
-                onRegister && (React.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onRegister, size: "xs" }, "Register")),
-                React.createElement(core$1.Button, { type: "submit" }, "Next"))));
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: handleSubmit },
+            e.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, children),
+            googleClientId && (e.createElement(e.Fragment, null,
+                e.createElement(core$1.Group, { position: "center", p: "xl", style: { height: 70 } },
+                    e.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: handleGoogleCredential })),
+                e.createElement(core$1.Divider, { label: "or", labelPosition: "center", my: "lg" }))),
+            e.createElement(core$1.TextInput, { name: "email", type: "email", label: "Email", placeholder: "name@domain.com", required: true, autoFocus: true }),
+            e.createElement(core$1.Group, { position: "apart", mt: "xl", spacing: 0, noWrap: true },
+                onRegister && (e.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onRegister, size: "xs" }, "Register")),
+                e.createElement(core$1.Button, { type: "submit" }, "Next"))));
     }
     function PasswordForm(props) {
         const { onForgotPassword, handleAuthResponse, children, ...baseLoginRequest } = props;
         const medplum = useMedplum();
-        const [outcome, setOutcome] = React.useState();
+        const [outcome, setOutcome] = e.useState();
         const issues = getIssuesForExpression(outcome, undefined);
-        const handleSubmit = React.useCallback((formData) => {
+        const handleSubmit = e.useCallback((formData) => {
             medplum
                 .startLogin({
                 ...baseLoginRequest,
@@ -829,24 +868,24 @@
                 .then(handleAuthResponse)
                 .catch(setOutcome);
         }, [medplum, baseLoginRequest, handleAuthResponse]);
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: handleSubmit },
-            React.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, children),
-            React.createElement(OperationOutcomeAlert, { issues: issues }),
-            React.createElement(core$1.Stack, { spacing: "xl" },
-                React.createElement(core$1.PasswordInput, { name: "password", type: "password", label: "Password", autoComplete: "off", required: true, error: getErrorsForInput(outcome, 'password') })),
-            React.createElement(core$1.Group, { position: "apart", mt: "xl", spacing: 0, noWrap: true },
-                onForgotPassword && (React.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onForgotPassword, size: "xs" }, "Forgot password")),
-                React.createElement(core$1.Checkbox, { id: "remember", name: "remember", label: "Remember me", size: "xs", sx: { lineHeight: 1 } }),
-                React.createElement(core$1.Button, { type: "submit" }, "Sign in"))));
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: handleSubmit },
+            e.createElement(core$1.Center, { sx: { flexDirection: 'column' } }, children),
+            e.createElement(OperationOutcomeAlert, { issues: issues }),
+            e.createElement(core$1.Stack, { spacing: "xl" },
+                e.createElement(core$1.PasswordInput, { name: "password", type: "password", label: "Password", autoComplete: "off", required: true, error: getErrorsForInput(outcome, 'password') })),
+            e.createElement(core$1.Group, { position: "apart", mt: "xl", spacing: 0, noWrap: true },
+                onForgotPassword && (e.createElement(core$1.Anchor, { component: "button", type: "button", color: "dimmed", onClick: onForgotPassword, size: "xs" }, "Forgot password")),
+                e.createElement(core$1.Checkbox, { id: "remember", name: "remember", label: "Remember me", size: "xs", sx: { lineHeight: 1 } }),
+                e.createElement(core$1.Button, { type: "submit" }, "Sign in"))));
     }
 
     function ChooseProfileForm(props) {
         const medplum = useMedplum();
-        return (React.createElement(core$1.Stack, null,
-            React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
-                React.createElement(Logo, { size: 32 }),
-                React.createElement(core$1.Title, null, "Choose profile")),
-            props.memberships.map((membership) => (React.createElement(core$1.UnstyledButton, { key: membership.id, onClick: () => {
+        return (e.createElement(core$1.Stack, null,
+            e.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
+                e.createElement(Logo, { size: 32 }),
+                e.createElement(core$1.Title, null, "Choose profile")),
+            props.memberships.map((membership) => (e.createElement(core$1.UnstyledButton, { key: membership.id, onClick: () => {
                     medplum
                         .post('auth/profile', {
                         login: props.login,
@@ -855,16 +894,16 @@
                         .then(props.handleAuthResponse)
                         .catch(console.log);
                 } },
-                React.createElement(core$1.Group, null,
-                    React.createElement(core$1.Avatar, { radius: "xl" }),
-                    React.createElement("div", { style: { flex: 1 } },
-                        React.createElement(core$1.Text, { size: "sm", weight: 500 }, membership.profile?.display),
-                        React.createElement(core$1.Text, { color: "dimmed", size: "xs" }, membership.project?.display))))))));
+                e.createElement(core$1.Group, null,
+                    e.createElement(core$1.Avatar, { radius: "xl" }),
+                    e.createElement("div", { style: { flex: 1 } },
+                        e.createElement(core$1.Text, { size: "sm", weight: 500 }, membership.profile?.display),
+                        e.createElement(core$1.Text, { color: "dimmed", size: "xs" }, membership.project?.display))))))));
     }
 
     function ChooseScopeForm(props) {
         const medplum = useMedplum();
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
                 medplum
                     .post('auth/scope', {
                     login: props.login,
@@ -873,19 +912,19 @@
                     .then(props.handleAuthResponse)
                     .catch(console.log);
             } },
-            React.createElement(core$1.Stack, null,
-                React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
-                    React.createElement(Logo, { size: 32 }),
-                    React.createElement(core$1.Title, null, "Choose scope")),
-                React.createElement(core$1.Stack, null, (props.scope || 'openid').split(' ').map((scopeName) => (React.createElement(core$1.Checkbox, { key: scopeName, id: scopeName, name: scopeName, label: scopeName, defaultChecked: true })))),
-                React.createElement(core$1.Group, { position: "right", mt: "xl" },
-                    React.createElement(core$1.Button, { type: "submit" }, "Set scope")))));
+            e.createElement(core$1.Stack, null,
+                e.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
+                    e.createElement(Logo, { size: 32 }),
+                    e.createElement(core$1.Title, null, "Choose scope")),
+                e.createElement(core$1.Stack, null, (props.scope || 'openid').split(' ').map((scopeName) => (e.createElement(core$1.Checkbox, { key: scopeName, id: scopeName, name: scopeName, label: scopeName, defaultChecked: true })))),
+                e.createElement(core$1.Group, { position: "right", mt: "xl" },
+                    e.createElement(core$1.Button, { type: "submit" }, "Set scope")))));
     }
 
     function MfaForm(props) {
         const medplum = useMedplum();
-        const [errorMessage, setErrorMessage] = React.useState(undefined);
-        return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
+        const [errorMessage, setErrorMessage] = e.useState(undefined);
+        return (e.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => {
                 setErrorMessage(undefined);
                 medplum
                     .post('auth/mfa/verify', {
@@ -895,15 +934,15 @@
                     .then(props.handleAuthResponse)
                     .catch((err) => setErrorMessage(core.normalizeErrorString(err)));
             } },
-            React.createElement(core$1.Stack, null,
-                React.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
-                    React.createElement(Logo, { size: 32 }),
-                    React.createElement(core$1.Title, null, "Enter MFA code")),
-                errorMessage && (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), title: "Error", color: "red" }, errorMessage)),
-                React.createElement(core$1.Stack, null,
-                    React.createElement(core$1.TextInput, { name: "token", label: "MFA code", required: true })),
-                React.createElement(core$1.Group, { position: "right", mt: "xl" },
-                    React.createElement(core$1.Button, { type: "submit" }, "Submit code")))));
+            e.createElement(core$1.Stack, null,
+                e.createElement(core$1.Center, { sx: { flexDirection: 'column' } },
+                    e.createElement(Logo, { size: 32 }),
+                    e.createElement(core$1.Title, null, "Enter MFA code")),
+                errorMessage && (e.createElement(core$1.Alert, { icon: e.createElement(We, { size: 16 }), title: "Error", color: "red" }, errorMessage)),
+                e.createElement(core$1.Stack, null,
+                    e.createElement(core$1.TextInput, { name: "token", label: "MFA code", required: true })),
+                e.createElement(core$1.Group, { position: "right", mt: "xl" },
+                    e.createElement(core$1.Button, { type: "submit" }, "Submit code")))));
     }
 
     /**
@@ -919,10 +958,10 @@
     function SignInForm(props) {
         const { chooseScopes, onSuccess, onForgotPassword, onRegister, onCode, ...baseLoginRequest } = props;
         const medplum = useMedplum();
-        const [login, setLogin] = React.useState(undefined);
-        const [mfaRequired, setAuthenticatorRequired] = React.useState(false);
-        const [memberships, setMemberships] = React.useState(undefined);
-        const handleCode = React.useCallback((code) => {
+        const [login, setLogin] = e.useState(undefined);
+        const [mfaRequired, setAuthenticatorRequired] = e.useState(false);
+        const [memberships, setMemberships] = e.useState(undefined);
+        const handleCode = e.useCallback((code) => {
             if (onCode) {
                 onCode(code);
             }
@@ -937,7 +976,7 @@
                     .catch(console.log);
             }
         }, [medplum, onCode, onSuccess]);
-        const handleAuthResponse = React.useCallback((response) => {
+        const handleAuthResponse = e.useCallback((response) => {
             setAuthenticatorRequired(!!response.mfaRequired);
             if (response.login) {
                 setLogin(response.login);
@@ -954,10 +993,10 @@
                 }
             }
         }, [chooseScopes, handleCode]);
-        const handleScopeResponse = React.useCallback((response) => {
+        const handleScopeResponse = e.useCallback((response) => {
             handleCode(response.code);
         }, [handleCode]);
-        React.useEffect(() => {
+        e.useEffect(() => {
             if (props.login) {
                 medplum
                     .get('auth/login/' + props.login)
@@ -965,24 +1004,24 @@
                     .catch(console.error);
             }
         }, [medplum, props, handleAuthResponse]);
-        return (React.createElement(Document, { width: 450 }, (() => {
+        return (e.createElement(Document, { width: 450 }, (() => {
             if (!login) {
-                return (React.createElement(AuthenticationForm, { onForgotPassword: onForgotPassword, onRegister: onRegister, handleAuthResponse: handleAuthResponse, ...baseLoginRequest }, props.children));
+                return (e.createElement(AuthenticationForm, { onForgotPassword: onForgotPassword, onRegister: onRegister, handleAuthResponse: handleAuthResponse, ...baseLoginRequest }, props.children));
             }
             else if (mfaRequired) {
-                return React.createElement(MfaForm, { login: login, handleAuthResponse: handleAuthResponse });
+                return e.createElement(MfaForm, { login: login, handleAuthResponse: handleAuthResponse });
             }
             else if (memberships) {
-                return React.createElement(ChooseProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
+                return e.createElement(ChooseProfileForm, { login: login, memberships: memberships, handleAuthResponse: handleAuthResponse });
             }
             else if (props.projectId === 'new') {
-                return React.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse });
+                return e.createElement(NewProjectForm, { login: login, handleAuthResponse: handleAuthResponse });
             }
             else if (props.chooseScopes) {
-                return React.createElement(ChooseScopeForm, { login: login, scope: props.scope, handleAuthResponse: handleScopeResponse });
+                return e.createElement(ChooseScopeForm, { login: login, scope: props.scope, handleAuthResponse: handleScopeResponse });
             }
             else {
-                return React.createElement("div", null, "Success");
+                return e.createElement("div", null, "Success");
             }
         })()));
     }
@@ -997,7 +1036,7 @@
         'modifierExtension',
     ];
 
-    const useStyles$b = core$1.createStyles((theme) => ({
+    const useStyles$c = core$1.createStyles((theme) => ({
         root: {
             display: 'grid',
             gridTemplateColumns: '30% 70%',
@@ -1018,21 +1057,21 @@
     }));
     function DescriptionList(props) {
         const { children, compact } = props;
-        const { classes, cx } = useStyles$b();
-        return React.createElement("dl", { className: cx(classes.root, { [classes.compact]: compact }) }, children);
+        const { classes, cx } = useStyles$c();
+        return e.createElement("dl", { className: cx(classes.root, { [classes.compact]: compact }) }, children);
     }
     function DescriptionListEntry(props) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("dt", null, props.term),
-            React.createElement("dd", null, props.children)));
+        return (e.createElement(e.Fragment, null,
+            e.createElement("dt", null, props.term),
+            e.createElement("dd", null, props.children)));
     }
 
     function CodeableConceptDisplay(props) {
-        return React.createElement(React.Fragment, null, core.formatCodeableConcept(props.value));
+        return e.createElement(e.Fragment, null, core.formatCodeableConcept(props.value));
     }
 
     function CodingDisplay(props) {
-        return React.createElement(React.Fragment, null, core.formatCoding(props.value));
+        return e.createElement(e.Fragment, null, core.formatCoding(props.value));
     }
 
     function ContactPointDisplay(props) {
@@ -1057,7 +1096,7 @@
             }
             builder.push(']');
         }
-        return React.createElement(React.Fragment, null, builder.join('').trim());
+        return e.createElement(e.Fragment, null, builder.join('').trim());
     }
 
     function ContactDetailDisplay(props) {
@@ -1065,10 +1104,10 @@
         if (!contactDetail) {
             return null;
         }
-        return (React.createElement(React.Fragment, null,
+        return (e.createElement(e.Fragment, null,
             contactDetail.name,
             contactDetail.name && ': ',
-            contactDetail.telecom?.map((telecom, index) => (React.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
+            contactDetail.telecom?.map((telecom, index) => (e.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
     }
 
     function HumanNameDisplay(props) {
@@ -1076,26 +1115,26 @@
         if (!name) {
             return null;
         }
-        return React.createElement(React.Fragment, null, core.formatHumanName(name, props.options));
+        return e.createElement(e.Fragment, null, core.formatHumanName(name, props.options));
     }
 
     function IdentifierDisplay(props) {
-        return (React.createElement("div", null,
+        return (e.createElement("div", null,
             props.value?.system,
             ": ",
             props.value?.value));
     }
 
     function MoneyDisplay(props) {
-        return React.createElement(React.Fragment, null, core.formatMoney(props.value));
+        return e.createElement(e.Fragment, null, core.formatMoney(props.value));
     }
 
     function QuantityDisplay(props) {
-        return React.createElement(React.Fragment, null, core.formatQuantity(props.value));
+        return e.createElement(e.Fragment, null, core.formatQuantity(props.value));
     }
 
     function RangeDisplay(props) {
-        return React.createElement(React.Fragment, null, core.formatRange(props.value));
+        return e.createElement(e.Fragment, null, core.formatRange(props.value));
     }
 
     function RatioDisplay(props) {
@@ -1103,20 +1142,20 @@
         if (!value) {
             return null;
         }
-        return (React.createElement(React.Fragment, null,
-            React.createElement(QuantityDisplay, { value: value.numerator }),
+        return (e.createElement(e.Fragment, null,
+            e.createElement(QuantityDisplay, { value: value.numerator }),
             "\u00A0/\u00A0",
-            React.createElement(QuantityDisplay, { value: value.denominator })));
+            e.createElement(QuantityDisplay, { value: value.denominator })));
     }
 
     function MedplumLink(props) {
-        const navigate = reactRouterDom.useNavigate();
+        const navigate = useMedplumNavigate();
         const { to, suffix, label, onClick, children, ...rest } = props;
         let href = getHref(to);
         if (suffix) {
             href += '/' + suffix;
         }
-        return (React.createElement(core$1.Anchor, { href: href, "aria-label": label, onClick: (e) => {
+        return (e.createElement(core$1.Anchor, { href: href, "aria-label": label, onClick: (e) => {
                 killEvent(e);
                 if (onClick) {
                     onClick();
@@ -1161,10 +1200,10 @@
         // The "link" prop defaults to "true"; undefined is treated as "true"
         // To disable the link, it must be explicitly "false"
         if (props.link !== false && props.value.reference) {
-            return React.createElement(MedplumLink, { to: props.value }, displayString);
+            return e.createElement(MedplumLink, { to: props.value }, displayString);
         }
         else {
-            return React.createElement(React.Fragment, null, displayString);
+            return e.createElement(e.Fragment, null, displayString);
         }
     }
 
@@ -1172,21 +1211,21 @@
         const property = props.property;
         const values = props.values ?? [];
         const propertyType = property.type?.[0]?.code;
-        return (React.createElement(React.Fragment, null, values.map((v, index) => (React.createElement("div", { key: `${index}-${values.length}` },
-            React.createElement(ResourcePropertyDisplay, { arrayElement: true, property: property, propertyType: propertyType, value: v, ignoreMissingValues: props.ignoreMissingValues, link: props.link }))))));
+        return (e.createElement(e.Fragment, null, values.map((v, index) => (e.createElement("div", { key: `${index}-${values.length}` },
+            e.createElement(ResourcePropertyDisplay, { arrayElement: true, property: property, propertyType: propertyType, value: v, ignoreMissingValues: props.ignoreMissingValues, link: props.link }))))));
     }
 
     function ResourcePropertyDisplay(props) {
         const { property, propertyType, value } = props;
         if (property?.max === '*' && !props.arrayElement) {
             if (propertyType === 'Attachment') {
-                return React.createElement(AttachmentArrayDisplay, { values: value, maxWidth: props.maxWidth });
+                return e.createElement(AttachmentArrayDisplay, { values: value, maxWidth: props.maxWidth });
             }
-            return (React.createElement(ResourceArrayDisplay, { property: property, values: value, ignoreMissingValues: props.ignoreMissingValues, link: props.link }));
+            return (e.createElement(ResourceArrayDisplay, { property: property, values: value, ignoreMissingValues: props.ignoreMissingValues, link: props.link }));
         }
         switch (propertyType) {
             case core.PropertyType.boolean:
-                return React.createElement(React.Fragment, null, value === undefined ? '' : Boolean(value).toString());
+                return e.createElement(e.Fragment, null, value === undefined ? '' : Boolean(value).toString());
             case core.PropertyType.SystemString:
             case core.PropertyType.code:
             case core.PropertyType.date:
@@ -1196,55 +1235,55 @@
             case core.PropertyType.unsignedInt:
             case core.PropertyType.uri:
             case core.PropertyType.url:
-                return React.createElement(React.Fragment, null, value);
+                return e.createElement(e.Fragment, null, value);
             case core.PropertyType.canonical:
-                return React.createElement(ReferenceDisplay, { value: { reference: value }, link: props.link });
+                return e.createElement(ReferenceDisplay, { value: { reference: value }, link: props.link });
             case core.PropertyType.dateTime:
             case core.PropertyType.instant:
-                return React.createElement(React.Fragment, null, core.formatDateTime(value));
+                return e.createElement(e.Fragment, null, core.formatDateTime(value));
             case core.PropertyType.markdown:
-                return React.createElement("pre", null, value);
+                return e.createElement("pre", null, value);
             case core.PropertyType.Address:
-                return React.createElement(AddressDisplay, { value: value });
+                return e.createElement(AddressDisplay, { value: value });
             case core.PropertyType.Annotation:
-                return React.createElement(React.Fragment, null, value?.text);
+                return e.createElement(e.Fragment, null, value?.text);
             case core.PropertyType.Attachment:
-                return React.createElement(AttachmentDisplay, { value: value, maxWidth: props.maxWidth });
+                return e.createElement(AttachmentDisplay, { value: value, maxWidth: props.maxWidth });
             case core.PropertyType.CodeableConcept:
-                return React.createElement(CodeableConceptDisplay, { value: value });
+                return e.createElement(CodeableConceptDisplay, { value: value });
             case core.PropertyType.Coding:
-                return React.createElement(CodingDisplay, { value: value });
+                return e.createElement(CodingDisplay, { value: value });
             case core.PropertyType.ContactDetail:
-                return React.createElement(ContactDetailDisplay, { value: value });
+                return e.createElement(ContactDetailDisplay, { value: value });
             case core.PropertyType.ContactPoint:
-                return React.createElement(ContactPointDisplay, { value: value });
+                return e.createElement(ContactPointDisplay, { value: value });
             case core.PropertyType.HumanName:
-                return React.createElement(HumanNameDisplay, { value: value });
+                return e.createElement(HumanNameDisplay, { value: value });
             case core.PropertyType.Identifier:
-                return React.createElement(IdentifierDisplay, { value: value });
+                return e.createElement(IdentifierDisplay, { value: value });
             case core.PropertyType.Money:
-                return React.createElement(MoneyDisplay, { value: value });
+                return e.createElement(MoneyDisplay, { value: value });
             case core.PropertyType.Period:
-                return React.createElement(React.Fragment, null, core.formatPeriod(value));
+                return e.createElement(e.Fragment, null, core.formatPeriod(value));
             case core.PropertyType.Quantity:
             case core.PropertyType.Duration:
-                return React.createElement(QuantityDisplay, { value: value });
+                return e.createElement(QuantityDisplay, { value: value });
             case core.PropertyType.Range:
-                return React.createElement(RangeDisplay, { value: value });
+                return e.createElement(RangeDisplay, { value: value });
             case core.PropertyType.Ratio:
-                return React.createElement(RatioDisplay, { value: value });
+                return e.createElement(RatioDisplay, { value: value });
             case core.PropertyType.Reference:
-                return React.createElement(ReferenceDisplay, { value: value, link: props.link });
+                return e.createElement(ReferenceDisplay, { value: value, link: props.link });
             case core.PropertyType.Timing:
-                return React.createElement(React.Fragment, null, core.formatTiming(value));
+                return e.createElement(e.Fragment, null, core.formatTiming(value));
             case core.PropertyType.Dosage:
             case core.PropertyType.UsageContext:
-                return (React.createElement(BackboneElementDisplay, { value: { type: propertyType, value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
+                return (e.createElement(BackboneElementDisplay, { value: { type: propertyType, value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
             default:
                 if (!property?.path) {
                     throw Error(`Displaying property of type ${props.propertyType} requires element definition path`);
                 }
-                return (React.createElement(BackboneElementDisplay, { value: { type: core.getElementDefinitionTypeName(property), value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
+                return (e.createElement(BackboneElementDisplay, { value: { type: core.getElementDefinitionTypeName(property), value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
         }
     }
     /**
@@ -1277,7 +1316,7 @@
         const typeName = typedValue.type;
         const typeSchema = core.globalSchema.types[typeName];
         if (!typeSchema) {
-            return React.createElement("div", null,
+            return e.createElement("div", null,
                 typeName,
                 "\u00A0not implemented");
         }
@@ -1288,9 +1327,9 @@
             // Special case for common BackboneElement pattern
             // Where there is an object with a single property 'name'
             // Just display the name value.
-            return React.createElement("div", null, value.name);
+            return e.createElement("div", null, value.name);
         }
-        return (React.createElement(DescriptionList, { compact: props.compact }, Object.entries(typeSchema.properties).map((entry) => {
+        return (e.createElement(DescriptionList, { compact: props.compact }, Object.entries(typeSchema.properties).map((entry) => {
             const key = entry[0];
             if (DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
                 return null;
@@ -1304,20 +1343,20 @@
                 (!propertyValue || (Array.isArray(propertyValue) && propertyValue.length === 0))) {
                 return null;
             }
-            return (React.createElement(DescriptionListEntry, { key: key, term: core.getPropertyDisplayName(key) },
-                React.createElement(ResourcePropertyDisplay, { property: property, propertyType: propertyType, value: propertyValue, ignoreMissingValues: props.ignoreMissingValues, link: props.link })));
+            return (e.createElement(DescriptionListEntry, { key: key, term: core.getPropertyDisplayName(key) },
+                e.createElement(ResourcePropertyDisplay, { property: property, propertyType: propertyType, value: propertyValue, ignoreMissingValues: props.ignoreMissingValues, link: props.link })));
         })));
     }
 
     function CheckboxFormSection(props) {
-        return (React.createElement(core$1.Group, { noWrap: true },
-            React.createElement("div", null, props.children),
-            React.createElement("div", null,
-                React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description }, (() => null)()))));
+        return (e.createElement(core$1.Group, { noWrap: true },
+            e.createElement("div", null, props.children),
+            e.createElement("div", null,
+                e.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description }, (() => null)()))));
     }
 
     function FormSection(props) {
-        return (React.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description, error: getErrorsForInput(props.outcome, props.htmlFor) }, props.children));
+        return (e.createElement(core$1.Input.Wrapper, { id: props.htmlFor, label: props.title, description: props.description, error: getErrorsForInput(props.outcome, props.htmlFor) }, props.children));
     }
 
     const system = {
@@ -1337,8 +1376,11 @@
      */
     function useResource(value) {
         const medplum = useMedplum();
-        const [resource, setResource] = React.useState(getInitialResource(medplum, value));
-        React.useEffect(() => {
+        const [resource, setResource] = e.useState(getInitialResource(medplum, value));
+        e.useEffect(() => {
+            setResource(getInitialResource(medplum, value));
+        }, [medplum, value]);
+        e.useEffect(() => {
             let subscribed = true;
             if (!resource && value && 'reference' in value && value.reference) {
                 medplum
@@ -1383,32 +1425,32 @@
     function ResourceForm(props) {
         const medplum = useMedplum();
         const defaultValue = useResource(props.defaultValue);
-        const [schema, setSchema] = React.useState();
-        const [value, setValue] = React.useState();
-        React.useEffect(() => {
+        const [schema, setSchema] = e.useState();
+        const [value, setValue] = e.useState();
+        e.useEffect(() => {
             if (defaultValue) {
                 setValue(JSON.parse(JSON.stringify(defaultValue)));
                 medplum.requestSchema(defaultValue.resourceType).then(setSchema).catch(console.log);
             }
         }, [medplum, defaultValue]);
         if (!schema || !value) {
-            return React.createElement("div", null, "Loading...");
+            return e.createElement("div", null, "Loading...");
         }
-        return (React.createElement("form", { noValidate: true, autoComplete: "off", onSubmit: (e) => {
+        return (e.createElement("form", { noValidate: true, autoComplete: "off", onSubmit: (e) => {
                 e.preventDefault();
                 if (props.onSubmit) {
                     props.onSubmit(value);
                 }
             } },
-            React.createElement(core$1.Stack, { mb: "xl" },
-                React.createElement(FormSection, { title: "Resource Type", htmlFor: "resourceType", outcome: props.outcome },
-                    React.createElement(core$1.TextInput, { name: "resourceType", defaultValue: value.resourceType, disabled: true })),
-                React.createElement(FormSection, { title: "ID", htmlFor: "id", outcome: props.outcome },
-                    React.createElement(core$1.TextInput, { name: "id", defaultValue: value.id, disabled: true }))),
-            React.createElement(BackboneElementInput, { typeName: value.resourceType, defaultValue: value, outcome: props.outcome, onChange: setValue }),
-            React.createElement(core$1.Group, { position: "right", mt: "xl" },
-                React.createElement(core$1.Button, { type: "submit" }, "OK"),
-                props.onDelete && (React.createElement(core$1.Button, { variant: "outline", color: "red", type: "button", onClick: () => {
+            e.createElement(core$1.Stack, { mb: "xl" },
+                e.createElement(FormSection, { title: "Resource Type", htmlFor: "resourceType", outcome: props.outcome },
+                    e.createElement(core$1.TextInput, { name: "resourceType", defaultValue: value.resourceType, disabled: true })),
+                e.createElement(FormSection, { title: "ID", htmlFor: "id", outcome: props.outcome },
+                    e.createElement(core$1.TextInput, { name: "id", defaultValue: value.id, disabled: true }))),
+            e.createElement(BackboneElementInput, { typeName: value.resourceType, defaultValue: value, outcome: props.outcome, onChange: setValue }),
+            e.createElement(core$1.Group, { position: "right", mt: "xl" },
+                e.createElement(core$1.Button, { type: "submit" }, "OK"),
+                props.onDelete && (e.createElement(core$1.Button, { variant: "outline", color: "red", type: "button", onClick: () => {
                         props.onDelete(value);
                     } }, "Delete")))));
     }
@@ -1445,7 +1487,7 @@
     function ValueSetAutocomplete(props) {
         const medplum = useMedplum();
         const { elementDefinition, ...rest } = props;
-        const loadValues = React.useCallback(async (input, signal) => {
+        const loadValues = e.useCallback(async (input, signal) => {
             const system = elementDefinition.binding?.valueSet;
             const valueSet = await medplum.searchValueSet(system, input, { signal });
             const valueSetElements = valueSet.expansion?.contains;
@@ -1457,14 +1499,14 @@
             }
             return newData;
         }, [medplum, elementDefinition]);
-        return (React.createElement(AsyncAutocomplete, { ...rest, creatable: true, clearable: true, toKey: toKey, toOption: toOption, loadOptions: loadValues, getCreateLabel: (query) => `+ Create ${query}`, onCreate: createValue }));
+        return (e.createElement(AsyncAutocomplete, { ...rest, creatable: true, clearable: true, toKey: toKey, toOption: toOption, loadOptions: loadValues, getCreateLabel: (query) => `+ Create ${query}`, onCreate: createValue }));
     }
     function getDisplay(item) {
         return item.display || item.code || '';
     }
 
     function CodeableConceptInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function handleChange(newValues) {
             const newConcept = valueSetElementToCodeableConcept(newValues);
             setValue(newConcept);
@@ -1472,7 +1514,7 @@
                 props.onChange(newConcept);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codeableConceptToValueSetElement(value), onChange: handleChange }));
+        return (e.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codeableConceptToValueSetElement(value), onChange: handleChange }));
     }
     function codeableConceptToValueSetElement(concept) {
         return concept.coding?.map((c) => ({
@@ -1495,7 +1537,7 @@
     }
 
     function CodeInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function handleChange(newValues) {
             const newValue = newValues[0];
             const newCode = valueSetElementToCode(newValue);
@@ -1504,7 +1546,7 @@
                 props.onChange(newCode);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange }));
+        return (e.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: codeToValueSetElement(value), onChange: handleChange }));
     }
     function codeToValueSetElement(code) {
         return code ? { code } : undefined;
@@ -1514,7 +1556,7 @@
     }
 
     function CodingInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function handleChange(newValues) {
             const newValue = newValues[0];
             const newConcept = newValue && valueSetElementToCoding(newValue);
@@ -1523,7 +1565,7 @@
                 props.onChange(newConcept);
             }
         }
-        return (React.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codingToValueSetElement(value), onChange: handleChange }));
+        return (e.createElement(ValueSetAutocomplete, { elementDefinition: props.property, name: props.name, placeholder: props.placeholder, defaultValue: value && codingToValueSetElement(value), onChange: handleChange }));
     }
     function codingToValueSetElement(coding) {
         return {
@@ -1541,8 +1583,8 @@
     }
 
     function ContactPointInput(props) {
-        const [contactPoint, setContactPoint] = React.useState(props.defaultValue);
-        const ref = React.useRef();
+        const [contactPoint, setContactPoint] = e.useState(props.defaultValue);
+        const ref = e.useRef();
         ref.current = contactPoint;
         function setContactPointWrapper(newValue) {
             if (newValue && Object.keys(newValue).length === 0) {
@@ -1574,15 +1616,15 @@
             }
             setContactPointWrapper(newValue);
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { "data-testid": "system", defaultValue: contactPoint?.system, onChange: (e) => setSystem(e.currentTarget.value), data: ['', 'email', 'phone', 'fax', 'pager', 'sms', 'other'] }),
-            React.createElement(core$1.NativeSelect, { "data-testid": "use", defaultValue: contactPoint?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'mobile'] }),
-            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: contactPoint?.value, onChange: (e) => setValue(e.currentTarget.value) })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.NativeSelect, { "data-testid": "system", defaultValue: contactPoint?.system, onChange: (e) => setSystem(e.currentTarget.value), data: ['', 'email', 'phone', 'fax', 'pager', 'sms', 'other'] }),
+            e.createElement(core$1.NativeSelect, { "data-testid": "use", defaultValue: contactPoint?.use, onChange: (e) => setUse(e.currentTarget.value), data: ['', 'home', 'work', 'temp', 'old', 'mobile'] }),
+            e.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: contactPoint?.value, onChange: (e) => setValue(e.currentTarget.value) })));
     }
 
     function ContactDetailInput(props) {
-        const [contactPoint, setContactDetail] = React.useState(props.defaultValue);
-        const ref = React.useRef();
+        const [contactPoint, setContactDetail] = e.useState(props.defaultValue);
+        const ref = e.useRef();
         ref.current = contactPoint;
         function setContactDetailWrapper(newValue) {
             setContactDetail(newValue);
@@ -1604,9 +1646,9 @@
             }
             setContactDetailWrapper(newValue);
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.TextInput, { "data-testid": props.name + '-name', name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint?.name, onChange: (e) => setName(e.currentTarget.value) }),
-            React.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: contactPoint?.telecom?.[0], onChange: setTelecom })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.TextInput, { "data-testid": props.name + '-name', name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint?.name, onChange: (e) => setName(e.currentTarget.value) }),
+            e.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: contactPoint?.telecom?.[0], onChange: setTelecom })));
     }
 
     /**
@@ -1618,7 +1660,7 @@
      * @returns The JSX element to render.
      */
     function DateTimeInput(props) {
-        return (React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name, placeholder: props.placeholder, type: getInputType(), defaultValue: convertIsoToLocal(props.defaultValue), error: getErrorsForInput(props.outcome, props.name), onChange: (e) => {
+        return (e.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name, placeholder: props.placeholder, type: getInputType(), defaultValue: convertIsoToLocal(props.defaultValue), error: getErrorsForInput(props.outcome, props.name), onChange: (e) => {
                 if (props.onChange) {
                     const newValue = e.currentTarget.value;
                     props.onChange(convertLocalToIso(newValue));
@@ -1673,7 +1715,7 @@
     }
 
     function ExtensionInput(props) {
-        return (React.createElement(core$1.JsonInput, { id: props.name, name: props.name, "data-testid": "extension-input", defaultValue: core.stringify(props.defaultValue), onChange: (newValue) => {
+        return (e.createElement(core$1.JsonInput, { id: props.name, name: props.name, "data-testid": "extension-input", defaultValue: core.stringify(props.defaultValue), onChange: (newValue) => {
                 if (props.onChange) {
                     props.onChange(JSON.parse(newValue));
                 }
@@ -1681,8 +1723,8 @@
     }
 
     function HumanNameInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue);
+        const valueRef = e.useRef();
         valueRef.current = value;
         function setValueWrapper(newValue) {
             setValue(newValue);
@@ -1717,25 +1759,25 @@
                 suffix: suffix ? suffix.split(' ') : undefined,
             });
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { defaultValue: value?.use, "data-testid": "use", onChange: (e) => setUse(e.currentTarget.value), data: ['', 'temp', 'old', 'usual', 'official', 'nickname', 'anonymous', 'maiden'] }),
-            React.createElement(core$1.TextInput, { placeholder: "Prefix", defaultValue: value?.prefix?.join(' '), onChange: (e) => setPrefix(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Given", defaultValue: value?.given?.join(' '), onChange: (e) => setGiven(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Family", defaultValue: value?.family, onChange: (e) => setFamily(e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { placeholder: "Suffix", defaultValue: value?.suffix?.join(' '), onChange: (e) => setSuffix(e.currentTarget.value) })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.NativeSelect, { defaultValue: value?.use, "data-testid": "use", onChange: (e) => setUse(e.currentTarget.value), data: ['', 'temp', 'old', 'usual', 'official', 'nickname', 'anonymous', 'maiden'] }),
+            e.createElement(core$1.TextInput, { placeholder: "Prefix", defaultValue: value?.prefix?.join(' '), onChange: (e) => setPrefix(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "Given", defaultValue: value?.given?.join(' '), onChange: (e) => setGiven(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "Family", defaultValue: value?.family, onChange: (e) => setFamily(e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { placeholder: "Suffix", defaultValue: value?.suffix?.join(' '), onChange: (e) => setSuffix(e.currentTarget.value) })));
     }
 
     function IdentifierInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.TextInput, { placeholder: "System", defaultValue: value?.system, onChange: (e) => setValueWrapper({ ...value, system: e.currentTarget.value }) }),
-            React.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: value?.value, onChange: (e) => setValueWrapper({ ...value, value: e.currentTarget.value }) })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.TextInput, { placeholder: "System", defaultValue: value?.system, onChange: (e) => setValueWrapper({ ...value, system: e.currentTarget.value }) }),
+            e.createElement(core$1.TextInput, { placeholder: "Value", defaultValue: value?.value, onChange: (e) => setValueWrapper({ ...value, value: e.currentTarget.value }) })));
     }
 
     /*
@@ -1755,26 +1797,26 @@
     const data = ['USD', 'EUR', 'CAD', 'GBP', 'AUD'];
     function MoneyInput(props) {
         const { onChange } = props;
-        const [value, setValue] = React.useState(props.defaultValue);
-        const setValueWrapper = React.useCallback((newValue) => {
+        const [value, setValue] = e.useState(props.defaultValue);
+        const setValueWrapper = e.useCallback((newValue) => {
             setValue(newValue);
             if (onChange) {
                 onChange(newValue);
             }
         }, [onChange]);
-        const handleCurrencyChange = React.useCallback((e) => {
+        const handleCurrencyChange = e.useCallback((e) => {
             setValueWrapper({
                 ...value,
                 currency: e.currentTarget.value,
             });
         }, [value, setValueWrapper]);
-        const handleValueChange = React.useCallback((e) => {
+        const handleValueChange = e.useCallback((e) => {
             setValueWrapper({
                 ...value,
                 value: e.currentTarget.valueAsNumber,
             });
         }, [value, setValueWrapper]);
-        const select = (React.createElement(core$1.NativeSelect, { defaultValue: value?.currency, data: data, styles: {
+        const select = (e.createElement(core$1.NativeSelect, { defaultValue: value?.currency, data: data, styles: {
                 input: {
                     fontWeight: 500,
                     borderTopLeftRadius: 0,
@@ -1782,40 +1824,46 @@
                     width: 92,
                 },
             }, onChange: handleCurrencyChange }));
-        return (React.createElement(core$1.TextInput, { type: "number", label: props.label, placeholder: props.placeholder || 'Value', defaultValue: value?.value?.toString() || 'USD', icon: React.createElement(icons.IconCurrencyDollar, { size: 14 }), rightSection: select, rightSectionWidth: 92, onChange: handleValueChange }));
+        return (e.createElement(core$1.TextInput, { type: "number", label: props.label, placeholder: props.placeholder || 'Value', defaultValue: value?.value?.toString() || 'USD', icon: e.createElement(BK, { size: 14 }), rightSection: select, rightSectionWidth: 92, onChange: handleValueChange }));
     }
 
     function PeriodInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(DateTimeInput, { name: props.name + '.start', placeholder: "Start", defaultValue: value?.start, onChange: (newValue) => setValueWrapper({ ...value, start: newValue }) }),
-            React.createElement(DateTimeInput, { name: props.name + '.end', placeholder: "End", defaultValue: value?.end, onChange: (newValue) => setValueWrapper({ ...value, end: newValue }) })));
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(DateTimeInput, { name: props.name + '.start', placeholder: "Start", defaultValue: value?.start, onChange: (newValue) => setValueWrapper({ ...value, start: newValue }) }),
+            e.createElement(DateTimeInput, { name: props.name + '.end', placeholder: "End", defaultValue: value?.end, onChange: (newValue) => setValueWrapper({ ...value, end: newValue }) })));
     }
 
     function QuantityInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { style: { width: 80 }, "data-testid": props.name + '-comparator', defaultValue: value?.comparator, data: ['', '<', '<=', '>=', '>'], onChange: (e) => setValueWrapper({
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.NativeSelect, { style: { width: 80 }, "data-testid": props.name + '-comparator', defaultValue: value?.comparator, data: ['', '<', '<=', '>=', '>'], onChange: (e) => setValueWrapper({
                     ...value,
                     comparator: e.currentTarget.value,
                 }) }),
-            React.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name + '-value', type: "number", step: "any", placeholder: "Value", defaultValue: value?.value?.toString(), onChange: (e) => setValueWrapper({
-                    ...value,
-                    value: tryParseNumber(e.currentTarget.value),
-                }) }),
-            React.createElement(core$1.TextInput, { placeholder: "Unit", "data-testid": props.name + '-unit', defaultValue: value?.unit, onChange: (e) => setValueWrapper({
+            e.createElement(core$1.TextInput, { id: props.name, name: props.name, "data-testid": props.name + '-value', type: "number", placeholder: "Value", defaultValue: value?.value, step: "any", onWheel: (e) => {
+                    if (props.disableWheel) {
+                        e.currentTarget.blur();
+                    }
+                }, onChange: (e) => {
+                    setValueWrapper({
+                        ...value,
+                        value: tryParseNumber(e.currentTarget.value),
+                    });
+                } }),
+            e.createElement(core$1.TextInput, { placeholder: "Unit", "data-testid": props.name + '-unit', defaultValue: value?.unit, onChange: (e) => setValueWrapper({
                     ...value,
                     unit: e.currentTarget.value,
                 }) })));
@@ -1834,19 +1882,19 @@
      * @returns Range input element.
      */
     function RangeInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(QuantityInput, { name: props.name + '-low', defaultValue: value?.low, onChange: (v) => setValueWrapper({
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(QuantityInput, { name: props.name + '-low', defaultValue: value?.low, onChange: (v) => setValueWrapper({
                     ...value,
                     low: v,
                 }) }),
-            React.createElement(QuantityInput, { name: props.name + '-high', defaultValue: value?.high, onChange: (v) => setValueWrapper({
+            e.createElement(QuantityInput, { name: props.name + '-high', defaultValue: value?.high, onChange: (v) => setValueWrapper({
                     ...value,
                     high: v,
                 }) })));
@@ -1859,19 +1907,19 @@
      * @returns Ratio input element.
      */
     function RatioInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue);
+        const [value, setValue] = e.useState(props.defaultValue);
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(QuantityInput, { name: props.name + '-numerator', defaultValue: value?.numerator, onChange: (v) => setValueWrapper({
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(QuantityInput, { name: props.name + '-numerator', defaultValue: value?.numerator, onChange: (v) => setValueWrapper({
                     ...value,
                     numerator: v,
                 }) }),
-            React.createElement(QuantityInput, { name: props.name + '-denominator', defaultValue: value?.denominator, onChange: (v) => setValueWrapper({
+            e.createElement(QuantityInput, { name: props.name + '-denominator', defaultValue: value?.denominator, onChange: (v) => setValueWrapper({
                     ...value,
                     denominator: v,
                 }) })));
@@ -1886,10 +1934,10 @@
         delete avatarProps.value;
         delete avatarProps.link;
         if (props.link) {
-            return (React.createElement(MedplumLink, { to: resource },
-                React.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps })));
+            return (e.createElement(MedplumLink, { to: resource },
+                e.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps })));
         }
-        return React.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps });
+        return e.createElement(core$1.Avatar, { src: imageUrl, alt: text, radius: radius, ...avatarProps });
     }
 
     /**
@@ -1912,10 +1960,10 @@
     function ResourceInput(props) {
         const medplum = useMedplum();
         const defaultValue = useResource(props.defaultValue);
-        const [value, setValue] = React.useState(defaultValue ? core.getDisplayString(defaultValue) : '');
-        const [loading, setLoading] = React.useState(false);
-        const [data, setData] = React.useState([]);
-        React.useEffect(() => {
+        const [value, setValue] = e.useState(defaultValue ? core.getDisplayString(defaultValue) : '');
+        const [loading, setLoading] = e.useState(false);
+        const [data, setData] = e.useState([]);
+        e.useEffect(() => {
             if (defaultValue) {
                 setValue(core.getDisplayString(defaultValue));
             }
@@ -1942,25 +1990,25 @@
                 props.onChange(item.resource);
             }
         }
-        return (React.createElement(core$1.Autocomplete, { itemComponent: ItemComponent, value: value, data: data, placeholder: props.placeholder, onFocus: () => loadValues(value), onChange: handleChange, onItemSubmit: handleSelect, rightSection: loading ? React.createElement(core$1.Loader, { size: 16 }) : null }));
+        return (e.createElement(core$1.Autocomplete, { itemComponent: ItemComponent, value: value, data: data, placeholder: props.placeholder, onFocus: () => loadValues(value), onChange: handleChange, onItemSubmit: handleSelect, rightSection: loading ? e.createElement(core$1.Loader, { size: 16 }) : null }));
     }
-    const ItemComponent = React.forwardRef(({ value, resource, ...others }, ref) => {
-        return (React.createElement("div", { ref: ref, ...others },
-            React.createElement(core$1.Group, { noWrap: true },
-                React.createElement(ResourceAvatar, { value: resource }),
-                React.createElement("div", null,
-                    React.createElement(core$1.Text, null, value),
-                    React.createElement(core$1.Text, { size: "xs", color: "dimmed" }, resource.birthDate)))));
+    const ItemComponent = e.forwardRef(({ value, resource, ...others }, ref) => {
+        return (e.createElement("div", { ref: ref, ...others },
+            e.createElement(core$1.Group, { noWrap: true },
+                e.createElement(ResourceAvatar, { value: resource }),
+                e.createElement("div", null,
+                    e.createElement(core$1.Text, null, value),
+                    e.createElement(core$1.Text, { size: "xs", color: "dimmed" }, resource.birthDate)))));
     });
 
     function ReferenceInput(props) {
         const targetTypes = getTargetTypes$1(props.targetTypes);
         const initialResourceType = getInitialResourceType(props.defaultValue, targetTypes);
-        const [value, setValue] = React.useState(props.defaultValue);
-        const [resourceType, setResourceType] = React.useState(initialResourceType);
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue);
+        const [resourceType, setResourceType] = e.useState(initialResourceType);
+        const valueRef = e.useRef();
         valueRef.current = value;
-        const resourceTypeRef = React.useRef();
+        const resourceTypeRef = e.useRef();
         resourceTypeRef.current = resourceType;
         function setValueHelper(newValue) {
             setValue(newValue);
@@ -1968,9 +2016,9 @@
                 props.onChange(newValue);
             }
         }
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            targetTypes ? (React.createElement(core$1.NativeSelect, { "data-testid": "reference-input-resource-type-select", defaultValue: resourceType, onChange: (e) => setResourceType(e.currentTarget.value), data: targetTypes })) : (React.createElement(core$1.TextInput, { "data-testid": "reference-input-resource-type-input", defaultValue: resourceType, onChange: (e) => setResourceType(e.currentTarget.value) })),
-            React.createElement(ResourceInput, { resourceType: resourceType, name: props.name + '-id', placeholder: props.placeholder, defaultValue: value, onChange: (item) => {
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            targetTypes ? (e.createElement(core$1.NativeSelect, { "data-testid": "reference-input-resource-type-select", defaultValue: resourceType, onChange: (e) => setResourceType(e.currentTarget.value), data: targetTypes })) : (e.createElement(core$1.TextInput, { "data-testid": "reference-input-resource-type-input", defaultValue: resourceType, onChange: (e) => setResourceType(e.currentTarget.value) })),
+            e.createElement(ResourceInput, { resourceType: resourceType, name: props.name + '-id', placeholder: props.placeholder, defaultValue: value, onChange: (item) => {
                     setValueHelper(item ? core.createReference(item) : undefined);
                 } })));
     }
@@ -1992,8 +2040,8 @@
     }
 
     function ResourceArrayInput(props) {
-        const [values, setValues] = React.useState(props.defaultValue && Array.isArray(props.defaultValue) ? props.defaultValue : []);
-        const valuesRef = React.useRef();
+        const [values, setValues] = e.useState(props.defaultValue && Array.isArray(props.defaultValue) ? props.defaultValue : []);
+        const valuesRef = e.useRef();
         valuesRef.current = values;
         function setValuesWrapper(newValues) {
             setValues(newValues);
@@ -2001,49 +2049,49 @@
                 props.onChange(newValues);
             }
         }
-        return (React.createElement("table", { style: { width: '100%', borderCollapse: 'collapse' } },
-            React.createElement("colgroup", null,
-                React.createElement("col", { width: "97%" }),
-                React.createElement("col", { width: "3%" })),
-            React.createElement("tbody", null,
-                values.map((v, index) => (React.createElement("tr", { key: `${index}-${values.length}` },
-                    React.createElement("td", null,
-                        React.createElement(ResourcePropertyInput, { arrayElement: true, property: props.property, name: props.name + '.' + index, defaultValue: v, onChange: (newValue) => {
+        return (e.createElement("table", { style: { width: '100%', borderCollapse: 'collapse' } },
+            e.createElement("colgroup", null,
+                e.createElement("col", { width: "97%" }),
+                e.createElement("col", { width: "3%" })),
+            e.createElement("tbody", null,
+                values.map((v, index) => (e.createElement("tr", { key: `${index}-${values.length}` },
+                    e.createElement("td", null,
+                        e.createElement(ResourcePropertyInput, { arrayElement: true, property: props.property, name: props.name + '.' + index, defaultValue: v, onChange: (newValue) => {
                                 const copy = [...valuesRef.current];
                                 copy[index] = newValue;
                                 setValuesWrapper(copy);
                             } })),
-                    React.createElement("td", { style: { textAlign: 'right' } },
-                        React.createElement(core$1.ActionIcon, { title: "Remove", size: "sm", onClick: (e) => {
+                    e.createElement("td", { style: { textAlign: 'right' } },
+                        e.createElement(core$1.ActionIcon, { title: "Remove", size: "sm", onClick: (e) => {
                                 killEvent(e);
                                 const copy = [...valuesRef.current];
                                 copy.splice(index, 1);
                                 setValuesWrapper(copy);
                             } },
-                            React.createElement(icons.IconCircleMinus, null)))))),
-                React.createElement("tr", null,
-                    React.createElement("td", null),
-                    React.createElement("td", { style: { textAlign: 'right' } },
-                        React.createElement(core$1.ActionIcon, { title: "Add", size: "sm", color: "green", onClick: (e) => {
+                            e.createElement(IP, null)))))),
+                e.createElement("tr", null,
+                    e.createElement("td", null),
+                    e.createElement("td", { style: { textAlign: 'right' } },
+                        e.createElement(core$1.ActionIcon, { title: "Add", size: "sm", color: "green", onClick: (e) => {
                                 killEvent(e);
                                 const copy = [...valuesRef.current];
                                 copy.push(undefined);
                                 setValuesWrapper(copy);
                             } },
-                            React.createElement(icons.IconCirclePlus, null)))))));
+                            e.createElement(iS, null)))))));
     }
 
     const daysOfWeek = ['sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat'];
     function TimingInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue || {});
-        const [open, setOpen] = React.useState(false);
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue || {});
+        const [open, setOpen] = e.useState(false);
+        const valueRef = e.useRef();
         valueRef.current = value;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-                React.createElement("span", null, core.formatTiming(valueRef.current) || 'No repeat'),
-                React.createElement(core$1.Button, { onClick: () => setOpen(true) }, "Edit")),
-            React.createElement(TimingEditorDialog, { visible: open, defaultValue: valueRef.current, onOk: (newValue) => {
+        return (e.createElement(e.Fragment, null,
+            e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+                e.createElement("span", null, core.formatTiming(valueRef.current) || 'No repeat'),
+                e.createElement(core$1.Button, { onClick: () => setOpen(true) }, "Edit")),
+            e.createElement(TimingEditorDialog, { visible: open, defaultValue: valueRef.current, onOk: (newValue) => {
                     if (props.onChange) {
                         props.onChange(newValue);
                     }
@@ -2052,8 +2100,8 @@
                 }, onCancel: () => setOpen(false) })));
     }
     function TimingEditorDialog(props) {
-        const [value, setValue] = React.useState(props.defaultValue || {});
-        const valueRef = React.useRef();
+        const [value, setValue] = e.useState(props.defaultValue || {});
+        const valueRef = e.useRef();
         valueRef.current = value;
         function setStart(newStart) {
             setValue({ ...valueRef.current, event: [newStart] });
@@ -2087,24 +2135,24 @@
                 setRepeat({ ...valueRef.current?.repeat, dayOfWeek: existing.filter((d) => d !== day) });
             }
         }
-        return (React.createElement(core$1.Modal, { title: "Timing", closeButtonLabel: "Close", opened: props.visible, onClose: () => props.onCancel() },
-            React.createElement("div", { style: { padding: '5px 20px', textAlign: 'left' } },
-                React.createElement(FormSection, { title: "Starts on", htmlFor: 'timing-dialog-start' },
-                    React.createElement(DateTimeInput, { name: 'timing-dialog-start', onChange: (newValue) => setStart(newValue) })),
-                React.createElement(FormSection, { title: "Repeat every", htmlFor: 'timing-dialog-period' },
-                    React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-                        React.createElement(core$1.TextInput, { type: "number", step: 1, id: "timing-dialog-period", name: "timing-dialog-period", defaultValue: value?.repeat?.period, onChange: (e) => setPeriod(parseInt(e.currentTarget.value)) }),
-                        React.createElement(core$1.NativeSelect, { id: "timing-dialog-periodUnit", name: "timing-dialog-periodUnit", defaultValue: value?.repeat?.periodUnit, onChange: (e) => setPeriodUnit(e.currentTarget.value), data: [
+        return (e.createElement(core$1.Modal, { title: "Timing", closeButtonLabel: "Close", opened: props.visible, onClose: () => props.onCancel() },
+            e.createElement("div", { style: { padding: '5px 20px', textAlign: 'left' } },
+                e.createElement(FormSection, { title: "Starts on", htmlFor: 'timing-dialog-start' },
+                    e.createElement(DateTimeInput, { name: 'timing-dialog-start', onChange: (newValue) => setStart(newValue) })),
+                e.createElement(FormSection, { title: "Repeat every", htmlFor: 'timing-dialog-period' },
+                    e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+                        e.createElement(core$1.TextInput, { type: "number", step: 1, id: "timing-dialog-period", name: "timing-dialog-period", defaultValue: value?.repeat?.period, onChange: (e) => setPeriod(parseInt(e.currentTarget.value)) }),
+                        e.createElement(core$1.NativeSelect, { id: "timing-dialog-periodUnit", name: "timing-dialog-periodUnit", defaultValue: value?.repeat?.periodUnit, onChange: (e) => setPeriodUnit(e.currentTarget.value), data: [
                                 { label: 'day', value: 'd' },
                                 { label: 'week', value: 'wk' },
                                 { label: 'month', value: 'mo' },
                                 { label: 'year', value: 'a' },
                             ] }))),
-                React.createElement(FormSection, { title: "Repeat on" },
-                    React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true }, daysOfWeek.map((day) => (React.createElement(React.Fragment, { key: day },
-                        React.createElement("label", { htmlFor: 'timing-dialog-repeat-' + day }, day.charAt(0).toUpperCase()),
-                        React.createElement(core$1.Checkbox, { id: 'timing-dialog-repeat-' + day, name: 'timing-dialog-repeat-' + day, onChange: (e) => setDayOfWeek(day, e.currentTarget.checked) }))))))),
-            React.createElement(core$1.Button, { onClick: () => props.onOk(value) }, "OK")));
+                e.createElement(FormSection, { title: "Repeat on" },
+                    e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true }, daysOfWeek.map((day) => (e.createElement(e.Fragment, { key: day },
+                        e.createElement("label", { htmlFor: 'timing-dialog-repeat-' + day }, day.charAt(0).toUpperCase()),
+                        e.createElement(core$1.Checkbox, { id: 'timing-dialog-repeat-' + day, name: 'timing-dialog-repeat-' + day, onChange: (e) => setDayOfWeek(day, e.currentTarget.checked) }))))))),
+            e.createElement(core$1.Button, { onClick: () => props.onOk(value) }, "OK")));
     }
 
     function ResourcePropertyInput(props) {
@@ -2114,16 +2162,16 @@
         const value = props.defaultValue;
         if (property.max === '*' && !props.arrayElement) {
             if (propertyType === 'Attachment') {
-                return React.createElement(AttachmentArrayInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(AttachmentArrayInput, { name: name, defaultValue: value, onChange: props.onChange });
             }
-            return React.createElement(ResourceArrayInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
+            return e.createElement(ResourceArrayInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
         }
         const propertyTypes = property.type;
         if (propertyTypes.length > 1) {
-            return React.createElement(ElementDefinitionInputSelector, { elementDefinitionTypes: propertyTypes, ...props });
+            return e.createElement(ElementDefinitionInputSelector, { elementDefinitionTypes: propertyTypes, ...props });
         }
         else {
-            return React.createElement(ElementDefinitionTypeInput, { elementDefinitionType: propertyTypes[0], ...props });
+            return e.createElement(ElementDefinitionTypeInput, { elementDefinitionType: propertyTypes[0], ...props });
         }
     }
     function ElementDefinitionInputSelector(props) {
@@ -2135,15 +2183,15 @@
         if (!initialPropertyType) {
             initialPropertyType = propertyTypes[0];
         }
-        const [selectedType, setSelectedType] = React.useState(initialPropertyType);
-        return (React.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
-            React.createElement(core$1.NativeSelect, { style: { width: '200px' }, defaultValue: selectedType?.code, onChange: (e) => {
+        const [selectedType, setSelectedType] = e.useState(initialPropertyType);
+        return (e.createElement(core$1.Group, { spacing: "xs", grow: true, noWrap: true },
+            e.createElement(core$1.NativeSelect, { style: { width: '200px' }, defaultValue: selectedType?.code, onChange: (e) => {
                     setSelectedType(propertyTypes.find((type) => type.code === e.currentTarget.value));
                 }, data: propertyTypes.map((type) => ({
                     value: type.code,
                     label: type.code,
                 })) }),
-            React.createElement(ElementDefinitionTypeInput, { ...props, elementDefinitionType: selectedType, onChange: (newValue) => {
+            e.createElement(ElementDefinitionTypeInput, { ...props, elementDefinitionType: selectedType, onChange: (newValue) => {
                     if (props.onChange) {
                         props.onChange(newValue, props.name.replace('[x]', core.capitalize(selectedType.code)));
                     }
@@ -2163,39 +2211,39 @@
             case core.PropertyType.time:
             case core.PropertyType.uri:
             case core.PropertyType.url:
-                return (React.createElement(core$1.TextInput, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (e.createElement(core$1.TextInput, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
                     }, error: getErrorsForInput(props.outcome, name) }));
             case core.PropertyType.date:
-                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (e.createElement(core$1.TextInput, { type: "date", id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
                     }, error: getErrorsForInput(props.outcome, name) }));
             case core.PropertyType.dateTime:
             case core.PropertyType.instant:
-                return React.createElement(DateTimeInput, { name: name, defaultValue: value, onChange: props.onChange, outcome: props.outcome });
+                return e.createElement(DateTimeInput, { name: name, defaultValue: value, onChange: props.onChange, outcome: props.outcome });
             case core.PropertyType.decimal:
             case core.PropertyType.integer:
             case core.PropertyType.positiveInt:
             case core.PropertyType.unsignedInt:
-                return (React.createElement(core$1.TextInput, { type: "number", step: propertyType === core.PropertyType.decimal ? 'any' : '1', id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (e.createElement(core$1.TextInput, { type: "number", step: propertyType === core.PropertyType.decimal ? 'any' : '1', id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.valueAsNumber);
                         }
                     } }));
             case core.PropertyType.code:
-                return React.createElement(CodeInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(CodeInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.boolean:
-                return (React.createElement(core$1.Checkbox, { id: name, name: name, "data-testid": name, defaultChecked: !!value, onChange: (e) => {
+                return (e.createElement(core$1.Checkbox, { id: name, name: name, "data-testid": name, defaultChecked: !!value, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.checked);
                         }
                     } }));
             case core.PropertyType.markdown:
-                return (React.createElement(core$1.Textarea, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
+                return (e.createElement(core$1.Textarea, { id: name, name: name, "data-testid": name, defaultValue: value, onChange: (e) => {
                         if (props.onChange) {
                             props.onChange(e.currentTarget.value);
                         }
@@ -2203,45 +2251,45 @@
             // 2.24.0.2 Complex Types
             // https://www.hl7.org/fhir/datatypes.html#complex
             case core.PropertyType.Address:
-                return React.createElement(AddressInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(AddressInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Annotation:
-                return React.createElement(AnnotationInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(AnnotationInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Attachment:
-                return React.createElement(AttachmentInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(AttachmentInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.CodeableConcept:
-                return React.createElement(CodeableConceptInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(CodeableConceptInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Coding:
-                return React.createElement(CodingInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(CodingInput, { property: property, name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.ContactDetail:
-                return React.createElement(ContactDetailInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(ContactDetailInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.ContactPoint:
-                return React.createElement(ContactPointInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(ContactPointInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Extension:
-                return React.createElement(ExtensionInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(ExtensionInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.HumanName:
-                return React.createElement(HumanNameInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(HumanNameInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Identifier:
-                return React.createElement(IdentifierInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(IdentifierInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Money:
-                return React.createElement(MoneyInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(MoneyInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Period:
-                return React.createElement(PeriodInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(PeriodInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Duration:
             case core.PropertyType.Quantity:
-                return React.createElement(QuantityInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(QuantityInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Range:
-                return React.createElement(RangeInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(RangeInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Ratio:
-                return React.createElement(RatioInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(RatioInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Reference:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: value, targetTypes: getTargetTypes(property), onChange: props.onChange }));
+                return (e.createElement(ReferenceInput, { name: name, defaultValue: value, targetTypes: getTargetTypes(property), onChange: props.onChange }));
             case core.PropertyType.Timing:
-                return React.createElement(TimingInput, { name: name, defaultValue: value, onChange: props.onChange });
+                return e.createElement(TimingInput, { name: name, defaultValue: value, onChange: props.onChange });
             case core.PropertyType.Dosage:
             case core.PropertyType.UsageContext:
-                return (React.createElement(BackboneElementInput, { typeName: propertyType, defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
+                return (e.createElement(BackboneElementInput, { typeName: propertyType, defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
             default:
-                return (React.createElement(BackboneElementInput, { typeName: core.getElementDefinitionTypeName(property), defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
+                return (e.createElement(BackboneElementInput, { typeName: core.getElementDefinitionTypeName(property), defaultValue: value, onChange: props.onChange, outcome: props.outcome }));
         }
     }
     function getTargetTypes(property) {
@@ -2249,7 +2297,7 @@
     }
 
     function BackboneElementInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue ?? {});
+        const [value, setValue] = e.useState(props.defaultValue ?? {});
         function setValueWrapper(newValue) {
             setValue(newValue);
             if (props.onChange) {
@@ -2259,12 +2307,12 @@
         const typeName = props.typeName;
         const typeSchema = core.globalSchema.types[typeName];
         if (!typeSchema) {
-            return React.createElement("div", null,
+            return e.createElement("div", null,
                 typeName,
                 "\u00A0not implemented");
         }
         const typedValue = { type: typeName, value };
-        return (React.createElement(core$1.Stack, null, Object.entries(typeSchema.properties).map((entry) => {
+        return (e.createElement(core$1.Stack, null, Object.entries(typeSchema.properties).map((entry) => {
             const key = entry[0];
             if (key === 'id' || DEFAULT_IGNORED_PROPERTIES.indexOf(key) >= 0) {
                 return null;
@@ -2275,19 +2323,19 @@
             }
             const [propertyValue, propertyType] = getValueAndType(typedValue, key);
             if (property.type.length === 1 && property.type[0].code === 'boolean') {
-                return (React.createElement(CheckboxFormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key },
-                    React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
+                return (e.createElement(CheckboxFormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key },
+                    e.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
                             setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                         } })));
             }
-            return (React.createElement(FormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
-                React.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
+            return (e.createElement(FormSection, { key: key, title: core.getPropertyDisplayName(key), description: property.definition, htmlFor: key, outcome: props.outcome },
+                e.createElement(ResourcePropertyInput, { property: property, name: key, defaultValue: propertyValue, defaultPropertyType: propertyType, outcome: props.outcome, onChange: (newValue, propName) => {
                         setValueWrapper(setPropertyValue(value, key, propName ?? key, entry[1], newValue));
                     } })));
         })));
     }
 
-    const useStyles$a = core$1.createStyles((theme) => ({
+    const useStyles$b = core$1.createStyles((theme) => ({
         table: {
             width: 350,
             '& th': {
@@ -2332,9 +2380,9 @@
         return date.toLocaleString('default', { month: 'long' }) + ' ' + date.getFullYear();
     }
     function CalendarInput(props) {
-        const { classes } = useStyles$a();
+        const { classes } = useStyles$b();
         const { onChangeMonth, onClick } = props;
-        const [month, setMonth] = React.useState(getStartMonth);
+        const [month, setMonth] = e.useState(getStartMonth);
         function moveMonth(delta) {
             setMonth((currMonth) => {
                 const newMonth = new Date(currMonth.getTime());
@@ -2343,24 +2391,24 @@
                 return newMonth;
             });
         }
-        const grid = React.useMemo(() => buildGrid(month, props.slots), [month, props.slots]);
-        return (React.createElement("div", null,
-            React.createElement(core$1.Group, { position: "apart", spacing: "xs", grow: true, noWrap: true },
-                React.createElement("p", { style: { flex: 1 } }, getMonthString(month)),
-                React.createElement(core$1.Group, { position: "right", spacing: "xs" },
-                    React.createElement(core$1.Button, { variant: "outline", "aria-label": "Previous month", onClick: () => moveMonth(-1) }, "<"),
-                    React.createElement(core$1.Button, { variant: "outline", "aria-label": "Next month", onClick: () => moveMonth(1) }, ">"))),
-            React.createElement("table", { className: classes.table },
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", null, "SUN"),
-                        React.createElement("th", null, "MON"),
-                        React.createElement("th", null, "TUE"),
-                        React.createElement("th", null, "WED"),
-                        React.createElement("th", null, "THU"),
-                        React.createElement("th", null, "FRI"),
-                        React.createElement("th", null, "SAT"))),
-                React.createElement("tbody", null, grid.map((week, weekIndex) => (React.createElement("tr", { key: 'week-' + weekIndex }, week.map((day, dayIndex) => (React.createElement("td", { key: 'day-' + dayIndex }, day && (React.createElement(core$1.Button, { disabled: !day.available, onClick: () => onClick(day.date) }, day.date.getDate()))))))))))));
+        const grid = e.useMemo(() => buildGrid(month, props.slots), [month, props.slots]);
+        return (e.createElement("div", null,
+            e.createElement(core$1.Group, { position: "apart", spacing: "xs", grow: true, noWrap: true },
+                e.createElement("p", { style: { flex: 1 } }, getMonthString(month)),
+                e.createElement(core$1.Group, { position: "right", spacing: "xs" },
+                    e.createElement(core$1.Button, { variant: "outline", "aria-label": "Previous month", onClick: () => moveMonth(-1) }, "<"),
+                    e.createElement(core$1.Button, { variant: "outline", "aria-label": "Next month", onClick: () => moveMonth(1) }, ">"))),
+            e.createElement("table", { className: classes.table },
+                e.createElement("thead", null,
+                    e.createElement("tr", null,
+                        e.createElement("th", null, "SUN"),
+                        e.createElement("th", null, "MON"),
+                        e.createElement("th", null, "TUE"),
+                        e.createElement("th", null, "WED"),
+                        e.createElement("th", null, "THU"),
+                        e.createElement("th", null, "FRI"),
+                        e.createElement("th", null, "SAT"))),
+                e.createElement("tbody", null, grid.map((week, weekIndex) => (e.createElement("tr", { key: 'week-' + weekIndex }, week.map((day, dayIndex) => (e.createElement("td", { key: 'day-' + dayIndex }, day && (e.createElement(core$1.Button, { disabled: !day.available, onClick: () => onClick(day.date) }, day.date.getDate()))))))))))));
     }
     function getStartMonth() {
         const result = new Date();
@@ -2415,6 +2463,19 @@
         return false;
     }
 
+    const useStyles$a = core$1.createStyles((theme) => ({
+        noteBody: { fontSize: theme.fontSizes.sm },
+        noteCite: { fontSize: theme.fontSizes.xs, marginBlockStart: 3 },
+        noteRoot: { padding: 5 },
+    }));
+    function NoteDisplay({ value }) {
+        const { classes } = useStyles$a();
+        if (!value) {
+            return null;
+        }
+        return (e.createElement(core$1.Stack, { justify: "flex-start", spacing: "xs" }, value.map((note, index) => note.text && (e.createElement(core$1.Blockquote, { key: `note-${index}`, classNames: { cite: classes.noteCite, body: classes.noteBody, root: classes.noteRoot }, cite: note.authorReference?.display || note.authorString, icon: null }, note.text)))));
+    }
+
     function ResourceName(props) {
         const { value, link, ...rest } = props;
         const resource = useResource(value);
@@ -2422,13 +2483,13 @@
             return null;
         }
         const text = core.getDisplayString(resource);
-        return link ? (React.createElement(MedplumLink, { to: resource, ...rest }, text)) : (React.createElement(core$1.Text, { component: "span", ...rest }, text));
+        return link ? (e.createElement(MedplumLink, { to: resource, ...rest }, text)) : (e.createElement(core$1.Text, { component: "span", ...rest }, text));
     }
 
     function ResourceBadge(props) {
-        return (React.createElement(core$1.Group, { spacing: "xs" },
-            React.createElement(ResourceAvatar, { size: 24, radius: 12, value: props.value, link: props.link }),
-            React.createElement(ResourceName, { value: props.value, link: props.link })));
+        return (e.createElement(core$1.Group, { spacing: "xs" },
+            e.createElement(ResourceAvatar, { size: 24, radius: 12, value: props.value, link: props.link }),
+            e.createElement(ResourceName, { value: props.value, link: props.link })));
     }
 
     /*
@@ -2486,7 +2547,7 @@
         stat: 'red',
     };
     function StatusBadge(props) {
-        return React.createElement(core$1.Badge, { color: statusToColor[props.status] }, props.status);
+        return e.createElement(core$1.Badge, { color: statusToColor[props.status] }, props.status);
     }
 
     const useStyles$9 = core$1.createStyles((theme) => ({
@@ -2507,6 +2568,9 @@
                 border: `0.1px solid ${theme.colors.red[5]}`,
             },
         },
+        noteBody: { fontSize: theme.fontSizes.sm },
+        noteCite: { fontSize: theme.fontSizes.xs, marginBlockStart: 3 },
+        noteRoot: { padding: 5 },
     }));
     function DiagnosticReportDisplay(props) {
         const diagnosticReport = useResource(props.value);
@@ -2514,51 +2578,46 @@
         if (!diagnosticReport) {
             return null;
         }
-        let textContent = '';
+        const specimenNotes = specimen?.note || [];
         if (diagnosticReport.presentedForm && diagnosticReport.presentedForm.length > 0) {
             const pf = diagnosticReport.presentedForm[0];
             if (pf.contentType?.startsWith('text/plain') && pf.data) {
-                textContent = window.atob(pf.data);
-            }
-        }
-        if (specimen?.note) {
-            for (const note of specimen.note) {
-                textContent += note.text + '\n\n';
+                specimenNotes.push({ text: window.atob(pf.data) });
             }
         }
-        return (React.createElement(core$1.Stack, null,
-            React.createElement(core$1.Title, null, "Diagnostic Report"),
-            React.createElement(core$1.Group, { mt: "md", spacing: 30 },
-                diagnosticReport.subject && (React.createElement("div", null,
-                    React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Subject"),
-                    React.createElement(core$1.Text, null,
-                        React.createElement(ResourceBadge, { value: diagnosticReport.subject, link: true })))),
+        return (e.createElement(core$1.Stack, null,
+            e.createElement(core$1.Title, null, "Diagnostic Report"),
+            e.createElement(core$1.Group, { mt: "md", spacing: 30 },
+                diagnosticReport.subject && (e.createElement("div", null,
+                    e.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Subject"),
+                    e.createElement(core$1.Text, null,
+                        e.createElement(ResourceBadge, { value: diagnosticReport.subject, link: true })))),
                 diagnosticReport.resultsInterpreter &&
-                    diagnosticReport.resultsInterpreter.map((interpreter) => (React.createElement("div", { key: interpreter.reference },
-                        React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Interpreter"),
-                        React.createElement(core$1.Text, null,
-                            React.createElement(ResourceBadge, { value: interpreter, link: true }))))),
-                diagnosticReport.issued && (React.createElement("div", null,
-                    React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Issued"),
-                    React.createElement(core$1.Text, null, core.formatDateTime(diagnosticReport.issued)))),
-                diagnosticReport.status && (React.createElement("div", null,
-                    React.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Status"),
-                    React.createElement(core$1.Text, null, core.capitalize(diagnosticReport.status))))),
-            diagnosticReport.result && React.createElement(ObservationTable, { value: diagnosticReport.result }),
-            textContent && React.createElement("pre", null, textContent.trim())));
+                    diagnosticReport.resultsInterpreter.map((interpreter) => (e.createElement("div", { key: interpreter.reference },
+                        e.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Interpreter"),
+                        e.createElement(core$1.Text, null,
+                            e.createElement(ResourceBadge, { value: interpreter, link: true }))))),
+                diagnosticReport.issued && (e.createElement("div", null,
+                    e.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Issued"),
+                    e.createElement(core$1.Text, null, core.formatDateTime(diagnosticReport.issued)))),
+                diagnosticReport.status && (e.createElement("div", null,
+                    e.createElement(core$1.Text, { size: "xs", transform: "uppercase", color: "dimmed" }, "Status"),
+                    e.createElement(core$1.Text, null, core.capitalize(diagnosticReport.status))))),
+            diagnosticReport.result && (e.createElement(ObservationTable, { hideObservationNotes: props.hideObservationNotes, value: diagnosticReport.result })),
+            specimenNotes.length > 0 && e.createElement(NoteDisplay, { value: specimenNotes })));
     }
     function ObservationTable(props) {
         const { classes } = useStyles$9();
-        return (React.createElement("table", { className: classes.table },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "Test"),
-                    React.createElement("th", null, "Value"),
-                    React.createElement("th", null, "Reference Range"),
-                    React.createElement("th", null, "Interpretation"),
-                    React.createElement("th", null, "Category"),
-                    React.createElement("th", null, "Status"))),
-            React.createElement("tbody", null, props.value?.map((observation, index) => (React.createElement(ObservationRow, { key: 'obs-' + index, value: observation }))))));
+        return (e.createElement("table", { className: classes.table },
+            e.createElement("thead", null,
+                e.createElement("tr", null,
+                    e.createElement("th", null, "Test"),
+                    e.createElement("th", null, "Value"),
+                    e.createElement("th", null, "Reference Range"),
+                    e.createElement("th", null, "Interpretation"),
+                    e.createElement("th", null, "Category"),
+                    e.createElement("th", null, "Status"))),
+            e.createElement("tbody", null, props.value?.map((observation, index) => (e.createElement(ObservationRow, { key: `obs-${index}-${observation.id}`, hideObservationNotes: props.hideObservationNotes, value: observation }))))));
     }
     function ObservationRow(props) {
         const { classes, cx } = useStyles$9();
@@ -2566,23 +2625,28 @@
         if (!observation) {
             return null;
         }
+        const displayNotes = !props.hideObservationNotes && observation?.note;
         const critical = isCritical(observation);
-        return (React.createElement("tr", { className: cx({ [classes.criticalRow]: critical }) },
-            React.createElement("td", null,
-                React.createElement(MedplumLink, { to: observation },
-                    React.createElement(CodeableConceptDisplay, { value: observation.code }))),
-            React.createElement("td", null,
-                React.createElement(ObservationValueDisplay, { value: observation })),
-            React.createElement("td", null,
-                React.createElement(ReferenceRangeDisplay, { value: observation.referenceRange })),
-            React.createElement("td", null, observation.interpretation && observation.interpretation.length > 0 && (React.createElement(CodeableConceptDisplay, { value: observation.interpretation[0] }))),
-            React.createElement("td", null, observation.category && observation.category.length > 0 && (React.createElement("ul", null, observation.category.map((concept, index) => (React.createElement("li", { key: `category-${index}` },
-                React.createElement(CodeableConceptDisplay, { value: concept }))))))),
-            React.createElement("td", null, observation.status && React.createElement(StatusBadge, { status: observation.status }))));
+        return (e.createElement(e.Fragment, null,
+            e.createElement("tr", { className: cx({ [classes.criticalRow]: critical }) },
+                e.createElement("td", { rowSpan: displayNotes ? 2 : 1 },
+                    e.createElement(MedplumLink, { to: observation },
+                        e.createElement(CodeableConceptDisplay, { value: observation.code }))),
+                e.createElement("td", null,
+                    e.createElement(ObservationValueDisplay, { value: observation })),
+                e.createElement("td", null,
+                    e.createElement(ReferenceRangeDisplay, { value: observation.referenceRange })),
+                e.createElement("td", null, observation.interpretation && observation.interpretation.length > 0 && (e.createElement(CodeableConceptDisplay, { value: observation.interpretation[0] }))),
+                e.createElement("td", null, observation.category && observation.category.length > 0 && (e.createElement("ul", null, observation.category.map((concept, index) => (e.createElement("li", { key: `category-${index}` },
+                    e.createElement(CodeableConceptDisplay, { value: concept }))))))),
+                e.createElement("td", null, observation.status && e.createElement(StatusBadge, { status: observation.status }))),
+            displayNotes && (e.createElement("tr", null,
+                e.createElement("td", { colSpan: 5 },
+                    e.createElement(NoteDisplay, { value: observation.note }))))));
     }
     function ObservationValueDisplay(props) {
         const obs = props.value;
-        return React.createElement(React.Fragment, null, core.formatObservationValue(obs));
+        return e.createElement(e.Fragment, null, core.formatObservationValue(obs));
     }
     function ReferenceRangeDisplay(props) {
         const range = props.value && props.value.length > 0 && props.value[0];
@@ -2590,9 +2654,9 @@
             return null;
         }
         if (range.text) {
-            return React.createElement(React.Fragment, null, range.text);
+            return e.createElement(e.Fragment, null, range.text);
         }
-        return React.createElement(RangeDisplay, { value: range });
+        return e.createElement(RangeDisplay, { value: range });
     }
     /**
      * Returns true if the observation is critical.
@@ -2628,8 +2692,8 @@
     function ResourceDiffTable(props) {
         const { classes } = useStyles$8();
         const medplum = useMedplum();
-        const [schema, setSchema] = React.useState();
-        React.useEffect(() => {
+        const [schema, setSchema] = e.useState();
+        e.useEffect(() => {
             medplum.requestSchema(props.original.resourceType).then(setSchema).catch(console.log);
         }, [medplum, props.original.resourceType]);
         if (!schema) {
@@ -2639,17 +2703,17 @@
         if (!typeSchema) {
             return null;
         }
-        return (React.createElement("table", { className: classes.root },
-            React.createElement("colgroup", null,
-                React.createElement("col", { style: { width: '30%' } }),
-                React.createElement("col", { style: { width: '35%' } }),
-                React.createElement("col", { style: { width: '35%' } })),
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "Property"),
-                    React.createElement("th", null, "Before"),
-                    React.createElement("th", null, "After"))),
-            React.createElement("tbody", null, Object.entries(typeSchema.properties).map((entry) => {
+        return (e.createElement("table", { className: classes.root },
+            e.createElement("colgroup", null,
+                e.createElement("col", { style: { width: '30%' } }),
+                e.createElement("col", { style: { width: '35%' } }),
+                e.createElement("col", { style: { width: '35%' } })),
+            e.createElement("thead", null,
+                e.createElement("tr", null,
+                    e.createElement("th", null, "Property"),
+                    e.createElement("th", null, "Before"),
+                    e.createElement("th", null, "After"))),
+            e.createElement("tbody", null, Object.entries(typeSchema.properties).map((entry) => {
                 const key = entry[0];
                 if (key === 'id' || key === 'meta') {
                     return null;
@@ -2663,12 +2727,12 @@
                 if (core.stringify(originalPropertyValue) === core.stringify(revisedPropertyValue)) {
                     return null;
                 }
-                return (React.createElement("tr", { key: key },
-                    React.createElement("td", null, core.getPropertyDisplayName(key)),
-                    React.createElement("td", { className: classes.removed },
-                        React.createElement(ResourcePropertyDisplay, { property: property, propertyType: originalPropertyType, value: originalPropertyValue, ignoreMissingValues: true })),
-                    React.createElement("td", { className: classes.added },
-                        React.createElement(ResourcePropertyDisplay, { property: property, propertyType: revisedPropertyType, value: revisedPropertyValue, ignoreMissingValues: true }))));
+                return (e.createElement("tr", { key: key },
+                    e.createElement("td", null, core.getPropertyDisplayName(key)),
+                    e.createElement("td", { className: classes.removed },
+                        e.createElement(ResourcePropertyDisplay, { property: property, propertyType: originalPropertyType, value: originalPropertyValue, ignoreMissingValues: true })),
+                    e.createElement("td", { className: classes.added },
+                        e.createElement(ResourcePropertyDisplay, { property: property, propertyType: revisedPropertyType, value: revisedPropertyValue, ignoreMissingValues: true }))));
             }))));
     }
     function isEmpty(value) {
@@ -2680,8 +2744,8 @@
     function ResourceTable(props) {
         const medplum = useMedplum();
         const value = useResource(props.value);
-        const [schema, setSchema] = React.useState();
-        React.useEffect(() => {
+        const [schema, setSchema] = e.useState();
+        e.useEffect(() => {
             if (value) {
                 medplum.requestSchema(value.resourceType).then(setSchema).catch(console.log);
             }
@@ -2689,14 +2753,14 @@
         if (!schema || !value) {
             return null;
         }
-        return (React.createElement(BackboneElementDisplay, { value: { type: value.resourceType, value }, ignoreMissingValues: props.ignoreMissingValues }));
+        return (e.createElement(BackboneElementDisplay, { value: { type: value.resourceType, value }, ignoreMissingValues: props.ignoreMissingValues }));
     }
 
     /**
      * ErrorBoundary is a React component that handles errors in its child components.
      * See: https://reactjs.org/docs/error-boundaries.html
      */
-    class ErrorBoundary extends React.Component {
+    class ErrorBoundary extends e.Component {
         constructor(props) {
             super(props);
             this.state = {};
@@ -2709,36 +2773,36 @@
         }
         render() {
             if (this.state.error) {
-                return (React.createElement(core$1.Alert, { icon: React.createElement(icons.IconAlertCircle, { size: 16 }), title: "Something went wrong", color: "red" }, core.normalizeErrorString(this.state.error)));
+                return (e.createElement(core$1.Alert, { icon: e.createElement(We, { size: 16 }), title: "Something went wrong", color: "red" }, core.normalizeErrorString(this.state.error)));
             }
             return this.props.children;
         }
     }
 
     function Timeline(props) {
-        return React.createElement(Container, null, props.children);
+        return e.createElement(Container, null, props.children);
     }
     function TimelineItem(props) {
         const { resource, profile, padding, popupMenuItems, ...others } = props;
         const author = profile ?? resource.meta?.author;
-        return (React.createElement(Panel, { "data-testid": "timeline-item", fill: true, ...others },
-            React.createElement(core$1.Group, { position: "apart", spacing: 8, mx: "xs", my: "sm" },
-                React.createElement(ResourceAvatar, { value: author, link: true, size: "md" }),
-                React.createElement("div", { style: { flex: 1 } },
-                    React.createElement(core$1.Text, { size: "sm" },
-                        React.createElement(ResourceName, { color: "dark", weight: 500, value: author, link: true })),
-                    React.createElement(core$1.Text, { size: "xs" },
-                        React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, core.formatDateTime(props.resource.meta?.lastUpdated)),
-                        React.createElement(core$1.Text, { component: "span", color: "dimmed", mx: 8 }, "\u00B7"),
-                        React.createElement(MedplumLink, { color: "dimmed", to: props.resource }, props.resource.resourceType))),
-                popupMenuItems && (React.createElement(core$1.Menu, { position: "bottom-end", shadow: "md", width: 200 },
-                    React.createElement(core$1.Menu.Target, null,
-                        React.createElement(core$1.ActionIcon, { radius: "xl", "aria-label": `Actions for ${core.getReferenceString(props.resource)}` },
-                            React.createElement(icons.IconDots, null))),
+        return (e.createElement(Panel, { "data-testid": "timeline-item", fill: true, ...others },
+            e.createElement(core$1.Group, { position: "apart", spacing: 8, mx: "xs", my: "sm" },
+                e.createElement(ResourceAvatar, { value: author, link: true, size: "md" }),
+                e.createElement("div", { style: { flex: 1 } },
+                    e.createElement(core$1.Text, { size: "sm" },
+                        e.createElement(ResourceName, { color: "dark", weight: 500, value: author, link: true })),
+                    e.createElement(core$1.Text, { size: "xs" },
+                        e.createElement(MedplumLink, { color: "dimmed", to: props.resource }, core.formatDateTime(props.resource.meta?.lastUpdated)),
+                        e.createElement(core$1.Text, { component: "span", color: "dimmed", mx: 8 }, "\u00B7"),
+                        e.createElement(MedplumLink, { color: "dimmed", to: props.resource }, props.resource.resourceType))),
+                popupMenuItems && (e.createElement(core$1.Menu, { position: "bottom-end", shadow: "md", width: 200 },
+                    e.createElement(core$1.Menu.Target, null,
+                        e.createElement(core$1.ActionIcon, { radius: "xl", "aria-label": `Actions for ${core.getReferenceString(props.resource)}` },
+                            e.createElement(BX, null))),
                     popupMenuItems))),
-            React.createElement(ErrorBoundary, null,
-                padding && React.createElement("div", { style: { padding: '0 16px 16px 16px' } }, props.children),
-                !padding && React.createElement(React.Fragment, null, props.children))));
+            e.createElement(ErrorBoundary, null,
+                padding && e.createElement("div", { style: { padding: '0 16px 16px 16px' } }, props.children),
+                !padding && e.createElement(e.Fragment, null, props.children))));
     }
 
     /**
@@ -2792,17 +2856,17 @@
         },
     }));
     function ResourceTimeline(props) {
-        const navigate = reactRouterDom.useNavigate();
         const medplum = useMedplum();
+        const navigate = useMedplumNavigate();
         const sender = medplum.getProfile();
-        const inputRef = React.useRef(null);
+        const inputRef = e.useRef(null);
         const resource = useResource(props.value);
-        const [history, setHistory] = React.useState();
-        const [items, setItems] = React.useState([]);
+        const [history, setHistory] = e.useState();
+        const [items, setItems] = e.useState([]);
         const loadTimelineResources = props.loadTimelineResources;
-        const itemsRef = React.useRef(items);
+        const itemsRef = e.useRef(items);
         itemsRef.current = items;
-        const loadTimeline = React.useCallback(() => {
+        const loadTimeline = e.useCallback(() => {
             if (!resource) {
                 setItems([]);
                 setHistory({});
@@ -2810,7 +2874,7 @@
             }
             loadTimelineResources(medplum, resource).then(handleBatchResponse).catch(console.log);
         }, [medplum, resource, loadTimelineResources]);
-        React.useEffect(() => {
+        e.useEffect(() => {
             loadTimeline();
         }, [loadTimeline]);
         /**
@@ -2880,7 +2944,7 @@
                 color: 'teal',
                 title: 'Upload complete',
                 message: '',
-                icon: React.createElement(icons.IconCheck, { size: 16 }),
+                icon: e.createElement(DW, { size: 16 }),
                 autoClose: 2000,
             }))
                 .catch((reason) => notifications.updateNotification({
@@ -2888,7 +2952,7 @@
                 color: 'red',
                 title: 'Upload error',
                 message: core.normalizeErrorString(reason),
-                icon: React.createElement(icons.IconFileAlert, { size: 16 }),
+                icon: e.createElement(B$, { size: 16 }),
                 autoClose: 2000,
             }));
         }
@@ -2934,12 +2998,12 @@
             });
         }
         if (!resource) {
-            return (React.createElement(core$1.Center, { style: { width: '100%', height: '100%' } },
-                React.createElement(core$1.Loader, null)));
+            return (e.createElement(core$1.Center, { style: { width: '100%', height: '100%' } },
+                e.createElement(core$1.Loader, null)));
         }
-        return (React.createElement(Timeline, null,
-            props.createCommunication && (React.createElement(Panel, null,
-                React.createElement(Form, { testid: "timeline-form", onSubmit: (formData) => {
+        return (e.createElement(Timeline, null,
+            props.createCommunication && (e.createElement(Panel, null,
+                e.createElement(Form, { testid: "timeline-form", onSubmit: (formData) => {
                         createComment(formData.text);
                         const input = inputRef.current;
                         if (input) {
@@ -2947,55 +3011,55 @@
                             input.focus();
                         }
                     } },
-                    React.createElement(core$1.Group, { spacing: "xs", noWrap: true, style: { width: '100%' } },
-                        React.createElement(ResourceAvatar, { value: sender }),
-                        React.createElement(core$1.TextInput, { name: "text", ref: inputRef, placeholder: "Add comment", style: { width: '100%', maxWidth: 300 } }),
-                        React.createElement(core$1.ActionIcon, { type: "submit", radius: "xl", color: "blue", variant: "filled" },
-                            React.createElement(icons.IconMessage, { size: 16 })),
-                        React.createElement(AttachmentButton, { onUpload: createMedia, onUploadStart: onUploadStart, onUploadProgress: onUploadProgress }, (props) => (React.createElement(core$1.ActionIcon, { ...props, radius: "xl", color: "blue", variant: "filled" },
-                            React.createElement(icons.IconCloudUpload, { size: 16 })))))))),
+                    e.createElement(core$1.Group, { spacing: "xs", noWrap: true, style: { width: '100%' } },
+                        e.createElement(ResourceAvatar, { value: sender }),
+                        e.createElement(core$1.TextInput, { name: "text", ref: inputRef, placeholder: "Add comment", style: { width: '100%', maxWidth: 300 } }),
+                        e.createElement(core$1.ActionIcon, { type: "submit", radius: "xl", color: "blue", variant: "filled" },
+                            e.createElement(Lde, { size: 16 })),
+                        e.createElement(AttachmentButton, { onUpload: createMedia, onUploadStart: onUploadStart, onUploadProgress: onUploadProgress }, (props) => (e.createElement(core$1.ActionIcon, { ...props, radius: "xl", color: "blue", variant: "filled" },
+                            e.createElement(XA, { size: 16 })))))))),
             items.map((item) => {
                 const key = `${item.resourceType}/${item.id}/${item.meta?.versionId}`;
                 if (item.resourceType === resource.resourceType && item.id === resource.id) {
-                    return (React.createElement(HistoryTimelineItem, { key: key, history: history, resource: item, onDetails: onVersionDetails }));
+                    return (e.createElement(HistoryTimelineItem, { key: key, history: history, resource: item, onDetails: onVersionDetails }));
                 }
                 switch (item.resourceType) {
                     case 'AuditEvent':
-                        return React.createElement(AuditEventTimelineItem, { key: key, resource: item, onDetails: onDetails });
+                        return e.createElement(AuditEventTimelineItem, { key: key, resource: item, onDetails: onDetails });
                     case 'Communication':
-                        return (React.createElement(CommunicationTimelineItem, { key: key, resource: item, onPin: item.priority !== 'stat' ? onPin : undefined, onUnpin: item.priority === 'stat' ? onUnpin : undefined, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                        return (e.createElement(CommunicationTimelineItem, { key: key, resource: item, onPin: item.priority !== 'stat' ? onPin : undefined, onUnpin: item.priority === 'stat' ? onUnpin : undefined, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
                     case 'DiagnosticReport':
-                        return (React.createElement(DiagnosticReportTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                        return (e.createElement(DiagnosticReportTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
                     case 'Media':
-                        return (React.createElement(MediaTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
+                        return (e.createElement(MediaTimelineItem, { key: key, resource: item, onDetails: onDetails, onEdit: onEdit, onDelete: onDelete }));
                     default:
-                        return (React.createElement(TimelineItem, { key: key, resource: item, padding: true },
-                            React.createElement(ResourceTable, { value: item, ignoreMissingValues: true })));
+                        return (e.createElement(TimelineItem, { key: key, resource: item, padding: true },
+                            e.createElement(ResourceTable, { value: item, ignoreMissingValues: true })));
                 }
             })));
     }
     function TimelineItemPopupMenu(props) {
-        return (React.createElement(core$1.Menu.Dropdown, null,
-            React.createElement(core$1.Menu.Label, null, "Resource"),
-            props.onPin && (React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconPin, { size: 14 }), onClick: () => props.onPin(props.resource), "aria-label": `Pin ${core.getReferenceString(props.resource)}` }, "Pin")),
-            props.onUnpin && (React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconPinnedOff, { size: 14 }), onClick: () => props.onUnpin(props.resource), "aria-label": `Unpin ${core.getReferenceString(props.resource)}` }, "Unpin")),
-            props.onDetails && (React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconListDetails, { size: 14 }), onClick: () => props.onDetails(props.resource), "aria-label": `Details ${core.getReferenceString(props.resource)}` }, "Details")),
-            props.onEdit && (React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEdit, { size: 14 }), onClick: () => props.onEdit(props.resource), "aria-label": `Edit ${core.getReferenceString(props.resource)}` }, "Edit")),
-            props.onDelete && (React.createElement(React.Fragment, null,
-                React.createElement(core$1.Menu.Divider, null),
-                React.createElement(core$1.Menu.Label, null, "Danger zone"),
-                React.createElement(core$1.Menu.Item, { color: "red", icon: React.createElement(icons.IconTrash, { size: 14 }), onClick: () => props.onDelete(props.resource), "aria-label": `Delete ${core.getReferenceString(props.resource)}` }, "Delete")))));
+        return (e.createElement(core$1.Menu.Dropdown, null,
+            e.createElement(core$1.Menu.Label, null, "Resource"),
+            props.onPin && (e.createElement(core$1.Menu.Item, { icon: e.createElement(Ege, { size: 14 }), onClick: () => props.onPin(props.resource), "aria-label": `Pin ${core.getReferenceString(props.resource)}` }, "Pin")),
+            props.onUnpin && (e.createElement(core$1.Menu.Item, { icon: e.createElement(xge, { size: 14 }), onClick: () => props.onUnpin(props.resource), "aria-label": `Unpin ${core.getReferenceString(props.resource)}` }, "Unpin")),
+            props.onDetails && (e.createElement(core$1.Menu.Item, { icon: e.createElement(qae, { size: 14 }), onClick: () => props.onDetails(props.resource), "aria-label": `Details ${core.getReferenceString(props.resource)}` }, "Details")),
+            props.onEdit && (e.createElement(core$1.Menu.Item, { icon: e.createElement(CY, { size: 14 }), onClick: () => props.onEdit(props.resource), "aria-label": `Edit ${core.getReferenceString(props.resource)}` }, "Edit")),
+            props.onDelete && (e.createElement(e.Fragment, null,
+                e.createElement(core$1.Menu.Divider, null),
+                e.createElement(core$1.Menu.Label, null, "Danger zone"),
+                e.createElement(core$1.Menu.Item, { color: "red", icon: e.createElement(zKe, { size: 14 }), onClick: () => props.onDelete(props.resource), "aria-label": `Delete ${core.getReferenceString(props.resource)}` }, "Delete")))));
     }
     function HistoryTimelineItem(props) {
         const previous = getPrevious(props.history, props.resource);
         if (previous) {
-            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-                React.createElement(ResourceDiffTable, { original: previous, revised: props.resource })));
+            return (e.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+                e.createElement(ResourceDiffTable, { original: previous, revised: props.resource })));
         }
         else {
-            return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-                React.createElement("h3", null, "Created"),
-                React.createElement(ResourceTable, { value: props.resource, ignoreMissingValues: true })));
+            return (e.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+                e.createElement("h3", null, "Created"),
+                e.createElement(ResourceTable, { value: props.resource, ignoreMissingValues: true })));
         }
     }
     function getPrevious(history, version) {
@@ -3010,8 +3074,8 @@
         const { classes } = useStyles$7();
         const routine = !props.resource.priority || props.resource.priority === 'routine';
         const className = routine ? undefined : classes.pinnedComment;
-        return (React.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, padding: true, className: className, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-            React.createElement("p", null, props.resource.payload?.[0]?.contentString)));
+        return (e.createElement(TimelineItem, { resource: props.resource, profile: props.resource.sender, padding: true, className: className, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+            e.createElement("p", null, props.resource.payload?.[0]?.contentString)));
     }
     function MediaTimelineItem(props) {
         const contentType = props.resource.content?.contentType;
@@ -3019,17 +3083,17 @@
             !contentType.startsWith('image/') &&
             !contentType.startsWith('video/') &&
             contentType !== 'application/pdf';
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: !!padding, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-            React.createElement(AttachmentDisplay, { value: props.resource.content })));
+        return (e.createElement(TimelineItem, { resource: props.resource, padding: !!padding, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+            e.createElement(AttachmentDisplay, { value: props.resource.content })));
     }
     function AuditEventTimelineItem(props) {
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-            React.createElement(core$1.ScrollArea, null,
-                React.createElement("pre", null, props.resource.outcomeDesc))));
+        return (e.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+            e.createElement(core$1.ScrollArea, null,
+                e.createElement("pre", null, props.resource.outcomeDesc))));
     }
     function DiagnosticReportTimelineItem(props) {
-        return (React.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: React.createElement(TimelineItemPopupMenu, { ...props }) },
-            React.createElement(DiagnosticReportDisplay, { value: props.resource })));
+        return (e.createElement(TimelineItem, { resource: props.resource, padding: true, popupMenuItems: e.createElement(TimelineItemPopupMenu, { ...props }) },
+            e.createElement(DiagnosticReportDisplay, { value: props.resource })));
     }
     function getProgressMessage(e) {
         if (e.lengthComputable) {
@@ -3047,7 +3111,7 @@
     }
 
     function DefaultResourceTimeline(props) {
-        return (React.createElement(ResourceTimeline, { value: props.resource, loadTimelineResources: async (medplum, resource) => {
+        return (e.createElement(ResourceTimeline, { value: props.resource, loadTimelineResources: async (medplum, resource) => {
                 return Promise.all([
                     medplum.readHistory(resource.resourceType, resource.id),
                     medplum.search('AuditEvent', '_sort=-_lastUpdated&entity=' + core.getReferenceString(resource)),
@@ -3056,7 +3120,7 @@
     }
 
     function EncounterTimeline(props) {
-        return (React.createElement(ResourceTimeline, { value: props.encounter, loadTimelineResources: async (medplum, resource) => {
+        return (e.createElement(ResourceTimeline, { value: props.encounter, loadTimelineResources: async (medplum, resource) => {
                 return Promise.all([
                     medplum.readHistory('Encounter', resource.id),
                     medplum.search('Communication', 'encounter=' + core.getReferenceString(resource)),
@@ -3095,7 +3159,7 @@
        Received ${value.length} elements \
        [${JSON.stringify(value, null, 2)}]`);
         }
-        return React.createElement(ResourcePropertyDisplay, { value: value[0] || '', propertyType: props.propertyType });
+        return e.createElement(ResourcePropertyDisplay, { value: value[0] || '', propertyType: props.propertyType });
     }
 
     const searchParamToOperators = {
@@ -3544,7 +3608,7 @@
         if (!value) {
             return null;
         }
-        return (React.createElement(ResourcePropertyDisplay, { property: elementDefinition, propertyType: propertyType, value: value, maxWidth: 200, ignoreMissingValues: true, link: false }));
+        return (e.createElement(ResourcePropertyDisplay, { property: elementDefinition, propertyType: propertyType, value: value, maxWidth: 200, ignoreMissingValues: true, link: false }));
     }
     /**
      * Returns a fragment to be displayed in the search table for a search parameter.
@@ -3559,18 +3623,18 @@
             return null;
         }
         if (elementDefinition) {
-            return (React.createElement(ResourcePropertyDisplay, { propertyType: value[0].type, value: value[0].value, maxWidth: 200, ignoreMissingValues: true, link: false }));
+            return (e.createElement(ResourcePropertyDisplay, { propertyType: value[0].type, value: value[0].value, maxWidth: 200, ignoreMissingValues: true, link: false }));
         }
-        return (React.createElement(React.Fragment, null, value.map((v, index) => (React.createElement("span", { key: `${index}-${value.length}` }, typeof v === 'object' ? JSON.stringify(v) : v)))));
+        return (e.createElement(e.Fragment, null, value.map((v, index) => (e.createElement("span", { key: `${index}-${value.length}` }, typeof v === 'object' ? JSON.stringify(v) : v)))));
     }
 
     function SearchFieldEditor(props) {
-        const [state, setState] = React.useState({
+        const [state, setState] = e.useState({
             search: JSON.parse(core.stringify(props.search)),
         });
-        const availableRef = React.useRef(null);
-        const selectedRef = React.useRef(null);
-        React.useEffect(() => {
+        const availableRef = e.useRef(null);
+        const selectedRef = e.useRef(null);
+        e.useEffect(() => {
             setState({ search: props.search });
         }, [props.search]);
         /**
@@ -3702,30 +3766,30 @@
         const available = getFieldsList(typeDef)
             .filter((field) => !selected?.includes(field))
             .sort();
-        return (React.createElement(core$1.Modal, { title: "Fields", closeButtonLabel: "Close", opened: props.visible, onClose: props.onCancel },
-            React.createElement("div", null,
-                React.createElement("table", { style: { margin: 'auto' } },
-                    React.createElement("thead", null,
-                        React.createElement("tr", null,
-                            React.createElement("th", { colSpan: 2, align: "center" }, "Available"),
-                            React.createElement("th", { colSpan: 2, align: "center" }, "Selected"))),
-                    React.createElement("tbody", null,
-                        React.createElement("tr", null,
-                            React.createElement("td", { colSpan: 2, align: "center" },
-                                React.createElement("select", { ref: availableRef, size: 15, tabIndex: 1, style: { width: '200px' }, onKeyDown: (e) => handleAvailableKeyDown(e), onDoubleClick: () => handleAvailableDoubleClick(), "data-testid": "available" }, available.map((key) => (React.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))),
-                            React.createElement("td", { colSpan: 2, align: "center" },
-                                React.createElement("select", { ref: selectedRef, size: 15, tabIndex: 4, style: { width: '200px' }, onKeyDown: (e) => handleSelectedKeyDown(e), onDoubleClick: () => handleSelectedDoubleClick(), "data-testid": "selected" }, selected.map((key) => (React.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))))),
-                    React.createElement("tfoot", null,
-                        React.createElement("tr", null,
-                            React.createElement("td", { align: "center" },
-                                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onAddField }, "Add")),
-                            React.createElement("td", { align: "center" },
-                                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onRemoveField }, "Remove")),
-                            React.createElement("td", { align: "center" },
-                                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onMoveUp }, "Up")),
-                            React.createElement("td", { align: "center" },
-                                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onMoveDown }, "Down")))))),
-            React.createElement(core$1.Button, { onClick: () => props.onOk(state.search) }, "OK")));
+        return (e.createElement(core$1.Modal, { title: "Fields", closeButtonLabel: "Close", opened: props.visible, onClose: props.onCancel },
+            e.createElement("div", null,
+                e.createElement("table", { style: { margin: 'auto' } },
+                    e.createElement("thead", null,
+                        e.createElement("tr", null,
+                            e.createElement("th", { colSpan: 2, align: "center" }, "Available"),
+                            e.createElement("th", { colSpan: 2, align: "center" }, "Selected"))),
+                    e.createElement("tbody", null,
+                        e.createElement("tr", null,
+                            e.createElement("td", { colSpan: 2, align: "center" },
+                                e.createElement("select", { ref: availableRef, size: 15, tabIndex: 1, style: { width: '200px' }, onKeyDown: (e) => handleAvailableKeyDown(e), onDoubleClick: () => handleAvailableDoubleClick(), "data-testid": "available" }, available.map((key) => (e.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))),
+                            e.createElement("td", { colSpan: 2, align: "center" },
+                                e.createElement("select", { ref: selectedRef, size: 15, tabIndex: 4, style: { width: '200px' }, onKeyDown: (e) => handleSelectedKeyDown(e), onDoubleClick: () => handleSelectedDoubleClick(), "data-testid": "selected" }, selected.map((key) => (e.createElement("option", { key: key, value: key }, buildFieldNameString(key)))))))),
+                    e.createElement("tfoot", null,
+                        e.createElement("tr", null,
+                            e.createElement("td", { align: "center" },
+                                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onAddField }, "Add")),
+                            e.createElement("td", { align: "center" },
+                                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onRemoveField }, "Remove")),
+                            e.createElement("td", { align: "center" },
+                                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onMoveUp }, "Up")),
+                            e.createElement("td", { align: "center" },
+                                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: onMoveDown }, "Down")))))),
+            e.createElement(core$1.Button, { onClick: () => props.onOk(state.search) }, "OK")));
     }
     /**
      * Returns a list of fields/columns available for a type.
@@ -3761,14 +3825,14 @@
         const searchParam = core.globalSchema.types[resourceType]?.searchParams?.[filter.code];
         if (searchParam) {
             if (searchParam.type === 'reference') {
-                return React.createElement(ResourceName, { value: { reference: filter.value } });
+                return e.createElement(ResourceName, { value: { reference: filter.value } });
             }
             const searchParamDetails = core.getSearchParameterDetails(resourceType, searchParam);
             if (filter.code === '_lastUpdated' || searchParamDetails.type === core.SearchParameterType.DATETIME) {
-                return React.createElement(React.Fragment, null, core.formatDateTime(filter.value));
+                return e.createElement(e.Fragment, null, core.formatDateTime(filter.value));
             }
         }
-        return React.createElement(React.Fragment, null, filter.value);
+        return e.createElement(e.Fragment, null, filter.value);
     }
 
     function SearchFilterValueInput(props) {
@@ -3776,7 +3840,7 @@
         const name = 'filter-value';
         switch (details.type) {
             case core.SearchParameterType.REFERENCE:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: props.searchParam?.target, onChange: (newReference) => {
+                return (e.createElement(ReferenceInput, { name: name, defaultValue: { reference: props.defaultValue }, targetTypes: props.searchParam?.target, onChange: (newReference) => {
                         if (newReference) {
                             props.onChange(newReference.reference);
                         }
@@ -3785,15 +3849,15 @@
                         }
                     } }));
             case core.SearchParameterType.BOOLEAN:
-                return (React.createElement(core$1.Checkbox, { name: name, "data-testid": name, defaultChecked: props.defaultValue === 'true', onChange: (e) => props.onChange(e.currentTarget.checked.toString()) }));
+                return (e.createElement(core$1.Checkbox, { name: name, "data-testid": name, defaultChecked: props.defaultValue === 'true', onChange: (e) => props.onChange(e.currentTarget.checked.toString()) }));
             case core.SearchParameterType.DATE:
-                return (React.createElement(core$1.TextInput, { type: "date", name: name, "data-testid": name, defaultValue: props.defaultValue, onChange: (e) => props.onChange(e.currentTarget.value) }));
+                return (e.createElement(core$1.TextInput, { type: "date", name: name, "data-testid": name, defaultValue: props.defaultValue, onChange: (e) => props.onChange(e.currentTarget.value) }));
             case core.SearchParameterType.DATETIME:
-                return React.createElement(DateTimeInput, { name: name, defaultValue: props.defaultValue, onChange: props.onChange });
+                return e.createElement(DateTimeInput, { name: name, defaultValue: props.defaultValue, onChange: props.onChange });
             case core.SearchParameterType.NUMBER:
-                return (React.createElement(core$1.TextInput, { type: "number", name: name, "data-testid": name, defaultValue: props.defaultValue, onChange: (e) => props.onChange(e.currentTarget.value) }));
+                return (e.createElement(core$1.TextInput, { type: "number", name: name, "data-testid": name, defaultValue: props.defaultValue, onChange: (e) => props.onChange(e.currentTarget.value) }));
             case core.SearchParameterType.QUANTITY:
-                return (React.createElement(QuantityInput, { name: name, defaultValue: tryParseQuantity(props.defaultValue), onChange: (newQuantity) => {
+                return (e.createElement(QuantityInput, { name: name, defaultValue: tryParseQuantity(props.defaultValue), onChange: (newQuantity) => {
                         if (newQuantity) {
                             props.onChange(`${newQuantity.value}`);
                         }
@@ -3802,7 +3866,7 @@
                         }
                     } }));
             default:
-                return (React.createElement(core$1.TextInput, { name: name, "data-testid": name, defaultValue: props.defaultValue, autoFocus: props.autoFocus, onChange: (e) => props.onChange(e.currentTarget.value), placeholder: "Search value" }));
+                return (e.createElement(core$1.TextInput, { name: name, "data-testid": name, defaultValue: props.defaultValue, autoFocus: props.autoFocus, onChange: (e) => props.onChange(e.currentTarget.value), placeholder: "Search value" }));
         }
     }
     function tryParseQuantity(value) {
@@ -3820,11 +3884,11 @@
     }
 
     function SearchFilterEditor(props) {
-        const [search, setSearch] = React.useState(JSON.parse(core.stringify(props.search)));
-        const [editingIndex, setEditingIndex] = React.useState(-1);
-        const searchRef = React.useRef(search);
+        const [search, setSearch] = e.useState(JSON.parse(core.stringify(props.search)));
+        const [editingIndex, setEditingIndex] = e.useState(-1);
+        const searchRef = e.useRef(search);
         searchRef.current = search;
-        React.useEffect(() => {
+        e.useEffect(() => {
             setSearch(JSON.parse(core.stringify(props.search)));
         }, [props.search]);
         function onAddFilter(filter) {
@@ -3836,24 +3900,24 @@
         const resourceType = props.search.resourceType;
         const searchParams = core.globalSchema.types[resourceType].searchParams;
         const filters = search.filters || [];
-        return (React.createElement(core$1.Modal, { title: "Filters", closeButtonLabel: "Close", size: 900, opened: props.visible, onClose: props.onCancel },
-            React.createElement("div", null,
-                React.createElement("table", null,
-                    React.createElement("colgroup", null,
-                        React.createElement("col", { style: { width: 200 } }),
-                        React.createElement("col", { style: { width: 200 } }),
-                        React.createElement("col", { style: { width: 380 } }),
-                        React.createElement("col", { style: { width: 120 } })),
-                    React.createElement("thead", null,
-                        React.createElement("tr", null,
-                            React.createElement("th", null, "Field"),
-                            React.createElement("th", null, "Operation"),
-                            React.createElement("th", null, "Value"),
-                            React.createElement("th", null, "Actions"))),
-                    React.createElement("tbody", null,
+        return (e.createElement(core$1.Modal, { title: "Filters", closeButtonLabel: "Close", size: 900, opened: props.visible, onClose: props.onCancel },
+            e.createElement("div", null,
+                e.createElement("table", null,
+                    e.createElement("colgroup", null,
+                        e.createElement("col", { style: { width: 200 } }),
+                        e.createElement("col", { style: { width: 200 } }),
+                        e.createElement("col", { style: { width: 380 } }),
+                        e.createElement("col", { style: { width: 120 } })),
+                    e.createElement("thead", null,
+                        e.createElement("tr", null,
+                            e.createElement("th", null, "Field"),
+                            e.createElement("th", null, "Operation"),
+                            e.createElement("th", null, "Value"),
+                            e.createElement("th", null, "Actions"))),
+                    e.createElement("tbody", null,
                         filters.map((filter, index) => {
                             if (index === editingIndex) {
-                                return (React.createElement(FilterRowInput, { key: `filter-${index}-${filters.length}-input`, resourceType: resourceType, searchParams: searchParams, defaultValue: filter, okText: "Save", onOk: (newFilter) => {
+                                return (e.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));
@@ -3861,27 +3925,27 @@
                                     }, onCancel: () => setEditingIndex(-1) }));
                             }
                             else {
-                                return (React.createElement(FilterRowDisplay, { key: `filter-${index}-${filters.length}-display`, resourceType: resourceType, searchParams: searchParams, filter: filter, onEdit: () => setEditingIndex(index), onDelete: () => setSearch(deleteFilter(searchRef.current, index)) }));
+                                return (e.createElement(FilterRowDisplay, { key: `filter-${index}-${filters.length}-display`, resourceType: resourceType, searchParams: searchParams, filter: filter, onEdit: () => setEditingIndex(index), onDelete: () => setSearch(deleteFilter(searchRef.current, index)) }));
                             }
                         }),
-                        React.createElement(FilterRowInput, { resourceType: resourceType, searchParams: searchParams, okText: "Add", onOk: onAddFilter })))),
-            React.createElement(core$1.Group, { position: "right", mt: "xl" },
-                React.createElement(core$1.Button, { onClick: () => props.onOk(searchRef.current) }, "OK"))));
+                        e.createElement(FilterRowInput, { resourceType: resourceType, searchParams: searchParams, okText: "Add", onOk: onAddFilter })))),
+            e.createElement(core$1.Group, { position: "right", mt: "xl" },
+                e.createElement(core$1.Button, { onClick: () => props.onOk(searchRef.current) }, "OK"))));
     }
     function FilterRowDisplay(props) {
         const { filter } = props;
-        return (React.createElement("tr", null,
-            React.createElement("td", null, buildFieldNameString(filter.code)),
-            React.createElement("td", null, getOpString(filter.operator)),
-            React.createElement("td", null,
-                React.createElement(SearchFilterValueDisplay, { resourceType: props.resourceType, filter: filter })),
-            React.createElement("td", null,
-                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onEdit }, "Edit"),
-                React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onDelete }, "Delete"))));
+        return (e.createElement("tr", null,
+            e.createElement("td", null, buildFieldNameString(filter.code)),
+            e.createElement("td", null, getOpString(filter.operator)),
+            e.createElement("td", null,
+                e.createElement(SearchFilterValueDisplay, { resourceType: props.resourceType, filter: filter })),
+            e.createElement("td", null,
+                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onEdit }, "Edit"),
+                e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onDelete }, "Delete"))));
     }
     function FilterRowInput(props) {
-        const [value, setValue] = React.useState(props.defaultValue ?? {});
-        const valueRef = React.useRef(value);
+        const [value, setValue] = e.useState(props.defaultValue ?? {});
+        const valueRef = e.useRef(value);
         valueRef.current = value;
         function setFilterCode(newCode) {
             setValue({ ...valueRef.current, code: newCode });
@@ -3894,32 +3958,32 @@
         }
         const searchParam = props.searchParams[value.code];
         const operators = searchParam && getSearchOperators(searchParam);
-        return (React.createElement("tr", null,
-            React.createElement("td", null,
-                React.createElement(core$1.NativeSelect, { "data-testid": "filter-field", defaultValue: valueRef.current.code, onChange: (e) => setFilterCode(e.currentTarget.value), data: Object.keys(props.searchParams).map((param) => ({ value: param, label: buildFieldNameString(param) })) })),
-            React.createElement("td", null, operators && (React.createElement(core$1.NativeSelect, { "data-testid": "filter-operation", defaultValue: value.operator, onChange: (e) => setFilterOperator(e.currentTarget.value), data: ['', ...operators.map((op) => ({ value: op, label: getOpString(op) }))] }))),
-            React.createElement("td", null, searchParam && value.operator && (React.createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: searchParam, defaultValue: value.value, onChange: setFilterValue }))),
-            React.createElement("td", null,
-                value.code && value.operator && value.value && (React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: () => {
+        return (e.createElement("tr", null,
+            e.createElement("td", null,
+                e.createElement(core$1.NativeSelect, { "data-testid": "filter-field", defaultValue: valueRef.current.code, onChange: (e) => setFilterCode(e.currentTarget.value), data: Object.keys(props.searchParams).map((param) => ({ value: param, label: buildFieldNameString(param) })) })),
+            e.createElement("td", null, operators && (e.createElement(core$1.NativeSelect, { "data-testid": "filter-operation", defaultValue: value.operator, onChange: (e) => setFilterOperator(e.currentTarget.value), data: ['', ...operators.map((op) => ({ value: op, label: getOpString(op) }))] }))),
+            e.createElement("td", null, searchParam && value.operator && (e.createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: searchParam, defaultValue: value.value, onChange: setFilterValue }))),
+            e.createElement("td", null,
+                value.code && value.operator && value.value && (e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: () => {
                         props.onOk(valueRef.current);
                         setValue({});
                     } }, props.okText)),
-                props.onCancel && (React.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onCancel }, "Cancel")))));
+                props.onCancel && (e.createElement(core$1.Button, { compact: true, variant: "outline", onClick: props.onCancel }, "Cancel")))));
     }
 
     function SearchFilterValueDialog(props) {
-        const [value, setValue] = React.useState(props.defaultValue ?? '');
+        const [value, setValue] = e.useState(props.defaultValue ?? '');
         if (!props.visible || !props.searchParam || !props.filter) {
             return null;
         }
         function onOk() {
             props.onOk({ ...props.filter, value });
         }
-        return (React.createElement(core$1.Modal, { title: props.title, size: "xl", opened: props.visible, onClose: props.onCancel },
-            React.createElement("div", { style: { width: 500 } },
-                React.createElement(Form, { onSubmit: onOk },
-                    React.createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: props.searchParam, defaultValue: value, autoFocus: true, onChange: setValue }))),
-            React.createElement(core$1.Button, { onClick: onOk }, "OK")));
+        return (e.createElement(core$1.Modal, { title: props.title, size: "xl", opened: props.visible, onClose: props.onCancel },
+            e.createElement("div", { style: { width: 500 } },
+                e.createElement(Form, { onSubmit: onOk },
+                    e.createElement(SearchFilterValueInput, { resourceType: props.resourceType, searchParam: props.searchParam, defaultValue: value, autoFocus: true, onChange: setValue }))),
+            e.createElement(core$1.Button, { onClick: onOk }, "OK")));
     }
 
     function SearchPopupMenu(props) {
@@ -3940,26 +4004,26 @@
         }
         // If there is only one search parameter, then show it directly
         if (props.searchParams.length === 1) {
-            return (React.createElement(SearchParameterSubMenu, { search: props.search, searchParam: props.searchParams[0], onSort: onSort, onPrompt: onPrompt, onChange: onChange, onClear: onClear }));
+            return (e.createElement(SearchParameterSubMenu, { search: props.search, searchParam: props.searchParams[0], onSort: onSort, onPrompt: onPrompt, onChange: onChange, onClear: onClear }));
         }
         // Otherwise, show a menu, with each search parameter as a sub menu
-        return (React.createElement(core$1.Menu.Dropdown, null, props.searchParams.map((searchParam) => (React.createElement(core$1.Menu.Item, { key: searchParam.code }, buildFieldNameString(searchParam.code))))));
+        return (e.createElement(core$1.Menu.Dropdown, null, props.searchParams.map((searchParam) => (e.createElement(core$1.Menu.Item, { key: searchParam.code }, buildFieldNameString(searchParam.code))))));
     }
     function SearchParameterSubMenu(props) {
         switch (props.searchParam.type) {
             case 'date':
-                return React.createElement(DateFilterSubMenu, { ...props });
+                return e.createElement(DateFilterSubMenu, { ...props });
             case 'number':
             case 'quantity':
-                return React.createElement(NumericFilterSubMenu, { ...props });
+                return e.createElement(NumericFilterSubMenu, { ...props });
             case 'reference':
-                return React.createElement(ReferenceFilterSubMenu, { ...props });
+                return e.createElement(ReferenceFilterSubMenu, { ...props });
             case 'string':
             case 'token':
             case 'uri':
-                return React.createElement(TextFilterSubMenu, { ...props });
+                return e.createElement(TextFilterSubMenu, { ...props });
             default:
-                return React.createElement(React.Fragment, null,
+                return e.createElement(e.Fragment, null,
                     "Unknown search param type: ",
                     props.searchParam.type);
         }
@@ -3967,72 +4031,72 @@
     function DateFilterSubMenu(props) {
         const { searchParam } = props;
         const code = searchParam.code;
-        return (React.createElement(core$1.Menu.Dropdown, null,
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortAscending, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort Oldest to Newest"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortDescending, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Newest to Oldest"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqual, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqualNot, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT_EQUALS) }, "Does not equal..."),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconMathLower, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.ENDS_BEFORE) }, "Before..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconMathGreater, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.STARTS_AFTER) }, "After..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBracketsContain, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Between..."),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addTomorrowFilter(props.search, code)) }, "Tomorrow"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addTodayFilter(props.search, code)) }, "Today"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addYesterdayFilter(props.search, code)) }, "Yesterday"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addNextMonthFilter(props.search, code)) }, "Next Month"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addThisMonthFilter(props.search, code)) }, "This Month"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addLastMonthFilter(props.search, code)) }, "Last Month"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconCalendar, { size: 14 }), onClick: () => props.onChange(addYearToDateFilter(props.search, code)) }, "Year to date"),
-            React.createElement(CommonMenuItems, { ...props })));
+        return (e.createElement(core$1.Menu.Dropdown, null,
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(iNe, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort Oldest to Newest"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(wNe, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Newest to Oldest"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(lZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(rZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT_EQUALS) }, "Does not equal..."),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Pse, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.ENDS_BEFORE) }, "Before..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Cse, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.STARTS_AFTER) }, "After..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Jw, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Between..."),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addTomorrowFilter(props.search, code)) }, "Tomorrow"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addTodayFilter(props.search, code)) }, "Today"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addYesterdayFilter(props.search, code)) }, "Yesterday"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addNextMonthFilter(props.search, code)) }, "Next Month"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addThisMonthFilter(props.search, code)) }, "This Month"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addLastMonthFilter(props.search, code)) }, "Last Month"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(zB, { size: 14 }), onClick: () => props.onChange(addYearToDateFilter(props.search, code)) }, "Year to date"),
+            e.createElement(CommonMenuItems, { ...props })));
     }
     function NumericFilterSubMenu(props) {
         const { searchParam } = props;
-        return (React.createElement(core$1.Menu.Dropdown, null,
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortAscending, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort Smallest to Largest"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortDescending, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Largest to Smallest"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqual, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqualNot, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT_EQUALS) }, "Does not equal..."),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconMathGreater, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.GREATER_THAN) }, "Greater than..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSettings, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.GREATER_THAN_OR_EQUALS) }, "Greater than or equal to..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconMathLower, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN) }, "Less than..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSettings, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN_OR_EQUALS) }, "Less than or equal to..."),
-            React.createElement(CommonMenuItems, { ...props })));
+        return (e.createElement(core$1.Menu.Dropdown, null,
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(iNe, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort Smallest to Largest"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(wNe, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Largest to Smallest"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(lZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(rZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT_EQUALS) }, "Does not equal..."),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Cse, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.GREATER_THAN) }, "Greater than..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Bje, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.GREATER_THAN_OR_EQUALS) }, "Greater than or equal to..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Pse, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN) }, "Less than..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Bje, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.LESS_THAN_OR_EQUALS) }, "Less than or equal to..."),
+            e.createElement(CommonMenuItems, { ...props })));
     }
     function ReferenceFilterSubMenu(props) {
         const { searchParam } = props;
-        return (React.createElement(core$1.Menu.Dropdown, null,
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqual, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqualNot, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT) }, "Does not equal..."),
-            React.createElement(CommonMenuItems, { ...props })));
+        return (e.createElement(core$1.Menu.Dropdown, null,
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(lZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(rZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT) }, "Does not equal..."),
+            e.createElement(CommonMenuItems, { ...props })));
     }
     function TextFilterSubMenu(props) {
         const { searchParam } = props;
-        return (React.createElement(core$1.Menu.Dropdown, null,
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortAscending, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort A to Z"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconSortDescending, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Z to A"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqual, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconEqualNot, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT) }, "Does not equal..."),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBucket, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.CONTAINS) }, "Contains..."),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBucketOff, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Does not contain..."),
-            React.createElement(CommonMenuItems, { ...props })));
+        return (e.createElement(core$1.Menu.Dropdown, null,
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(iNe, { size: 14 }), onClick: () => props.onSort(searchParam, false) }, "Sort A to Z"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(wNe, { size: 14 }), onClick: () => props.onSort(searchParam, true) }, "Sort Z to A"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(lZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Equals..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(rZ, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.NOT) }, "Does not equal..."),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(BC, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.CONTAINS) }, "Contains..."),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(CC, { size: 14 }), onClick: () => props.onPrompt(searchParam, core.Operator.EQUALS) }, "Does not contain..."),
+            e.createElement(CommonMenuItems, { ...props })));
     }
     function CommonMenuItems(props) {
         const { searchParam } = props;
         const code = searchParam.code;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBleach, { size: 14 }), onClick: () => props.onChange(addMissingFilter(props.search, code)) }, "Missing"),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconBleachOff, { size: 14 }), onClick: () => props.onChange(addMissingFilter(props.search, code, false)) }, "Not missing"),
-            React.createElement(core$1.Menu.Divider, null),
-            React.createElement(core$1.Menu.Item, { icon: React.createElement(icons.IconX, { size: 14 }), onClick: () => props.onClear(searchParam) }, "Clear filters")));
+        return (e.createElement(e.Fragment, null,
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Qv, { size: 14 }), onClick: () => props.onChange(addMissingFilter(props.search, code)) }, "Missing"),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(Jv, { size: 14 }), onClick: () => props.onChange(addMissingFilter(props.search, code, false)) }, "Not missing"),
+            e.createElement(core$1.Menu.Divider, null),
+            e.createElement(core$1.Menu.Item, { icon: e.createElement(qXe, { size: 14 }), onClick: () => props.onClear(searchParam) }, "Clear filters")));
     }
 
     /**
@@ -4184,18 +4248,18 @@
     function SearchControl(props) {
         const { classes } = useStyles$6();
         const medplum = useMedplum();
-        const [schemaLoaded, setSchemaLoaded] = React.useState(false);
-        const [outcome, setOutcome] = React.useState();
+        const [schemaLoaded, setSchemaLoaded] = e.useState(false);
+        const [outcome, setOutcome] = e.useState();
         const { search, onLoad } = props;
-        const [state, setState] = React.useState({
+        const [state, setState] = e.useState({
             selected: {},
             fieldEditorVisible: false,
             filterEditorVisible: false,
             filterDialogVisible: false,
         });
-        const stateRef = React.useRef(state);
+        const stateRef = e.useRef(state);
         stateRef.current = state;
-        React.useEffect(() => {
+        e.useEffect(() => {
             setOutcome(undefined);
             medplum
                 .search(search.resourceType, core.formatSearchQuery({ ...search, total: 'accurate', fields: undefined }))
@@ -4282,7 +4346,7 @@
                 props.onAuxClick(new SearchClickEvent(resource, e));
             }
         }
-        React.useEffect(() => {
+        e.useEffect(() => {
             setSchemaLoaded(false);
             medplum
                 .requestSchema(props.search.resourceType)
@@ -4291,8 +4355,8 @@
         }, [medplum, props.search.resourceType]);
         const typeSchema = schemaLoaded && core.globalSchema?.types?.[props.search.resourceType];
         if (!typeSchema) {
-            return (React.createElement(core$1.Center, { style: { width: '100%', height: '100%' } },
-                React.createElement(core$1.Loader, null)));
+            return (e.createElement(core$1.Center, { style: { width: '100%', height: '100%' } },
+                e.createElement(core$1.Loader, null)));
         }
         const checkboxColumn = props.checkboxesEnabled;
         const fields = getFieldDefinitions(search);
@@ -4304,36 +4368,36 @@
         const buttonColor = 'gray';
         const iconSize = 16;
         const isMobile = window.innerWidth < 768;
-        return (React.createElement("div", { className: classes.root, "data-testid": "search-control" },
-            !props.hideToolbar && (React.createElement(core$1.Group, { position: "apart", mb: "xl" },
-                React.createElement(core$1.Group, { spacing: 2 },
-                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconFilter, { size: iconSize }), onClick: () => setState({ ...stateRef.current, fieldEditorVisible: true }) }, "Fields"),
-                    React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconColumns, { size: iconSize }), onClick: () => setState({ ...stateRef.current, filterEditorVisible: true }) }, "Filters"),
-                    props.onNew && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconFilePlus, { size: iconSize }), onClick: props.onNew }, "New...")),
-                    !isMobile && props.onExport && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconTableExport, { size: iconSize }), onClick: props.onExport }, "Export...")),
-                    !isMobile && props.onDelete && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconTrash, { size: iconSize }), onClick: () => props.onDelete(Object.keys(state.selected)) }, "Delete...")),
-                    !isMobile && props.onBulk && (React.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: React.createElement(icons.IconBoxMultiple, { size: iconSize }), onClick: () => props.onBulk(Object.keys(state.selected)) }, "Bulk..."))),
-                lastResult && (React.createElement(core$1.Text, { size: "xs", color: "dimmed" },
+        return (e.createElement("div", { className: classes.root, "data-testid": "search-control" },
+            !props.hideToolbar && (e.createElement(core$1.Group, { position: "apart", mb: "xl" },
+                e.createElement(core$1.Group, { spacing: 2 },
+                    e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(R0, { size: iconSize }), onClick: () => setState({ ...stateRef.current, fieldEditorVisible: true }) }, "Fields"),
+                    e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(sF, { size: iconSize }), onClick: () => setState({ ...stateRef.current, filterEditorVisible: true }) }, "Filters"),
+                    props.onNew && (e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(X_, { size: iconSize }), onClick: props.onNew }, "New...")),
+                    !isMobile && props.onExport && (e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(_Ae, { size: iconSize }), onClick: props.onExport }, "Export...")),
+                    !isMobile && props.onDelete && (e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(zKe, { size: iconSize }), onClick: () => props.onDelete(Object.keys(state.selected)) }, "Delete...")),
+                    !isMobile && props.onBulk && (e.createElement(core$1.Button, { compact: true, variant: buttonVariant, color: buttonColor, leftIcon: e.createElement(bw, { size: iconSize }), onClick: () => props.onBulk(Object.keys(state.selected)) }, "Bulk..."))),
+                lastResult && (e.createElement(core$1.Text, { size: "xs", color: "dimmed" },
                     getStart$1(search, lastResult.total),
                     "-",
                     getEnd$1(search, lastResult.total),
                     " of",
                     ' ',
                     lastResult.total?.toLocaleString())))),
-            React.createElement(core$1.Table, { className: classes.table },
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        checkboxColumn && (React.createElement("th", null,
-                            React.createElement("input", { type: "checkbox", value: "checked", "aria-label": "all-checkbox", "data-testid": "all-checkbox", checked: isAllSelected(), onChange: (e) => handleAllCheckboxClick(e) }))),
-                        fields.map((field) => (React.createElement("th", { key: field.name },
-                            React.createElement(core$1.Menu, { shadow: "md", width: 240, position: "bottom-end" },
-                                React.createElement(core$1.Menu.Target, null,
-                                    React.createElement(core$1.UnstyledButton, { className: classes.control },
-                                        React.createElement(core$1.Group, { position: "apart", noWrap: true },
-                                            React.createElement(core$1.Text, { weight: 500, size: "sm" }, buildFieldNameString(field.name)),
-                                            React.createElement(core$1.Center, { className: classes.icon },
-                                                React.createElement(icons.IconAdjustmentsHorizontal, { size: 14, stroke: 1.5 }))))),
-                                React.createElement(SearchPopupMenu, { search: props.search, searchParams: field.searchParams, onPrompt: (searchParam, filter) => {
+            e.createElement(core$1.Table, { className: classes.table },
+                e.createElement("thead", null,
+                    e.createElement("tr", null,
+                        checkboxColumn && (e.createElement("th", null,
+                            e.createElement("input", { type: "checkbox", value: "checked", "aria-label": "all-checkbox", "data-testid": "all-checkbox", checked: isAllSelected(), onChange: (e) => handleAllCheckboxClick(e) }))),
+                        fields.map((field) => (e.createElement("th", { key: field.name },
+                            e.createElement(core$1.Menu, { shadow: "md", width: 240, position: "bottom-end" },
+                                e.createElement(core$1.Menu.Target, null,
+                                    e.createElement(core$1.UnstyledButton, { className: classes.control },
+                                        e.createElement(core$1.Group, { position: "apart", noWrap: true },
+                                            e.createElement(core$1.Text, { weight: 500, size: "sm" }, buildFieldNameString(field.name)),
+                                            e.createElement(core$1.Center, { className: classes.icon },
+                                                e.createElement(oe, { size: 14, stroke: 1.5 }))))),
+                                e.createElement(SearchPopupMenu, { search: props.search, searchParams: field.searchParams, onPrompt: (searchParam, filter) => {
                                         setState({
                                             ...stateRef.current,
                                             filterDialogVisible: true,
@@ -4343,18 +4407,18 @@
                                     }, onChange: (result) => {
                                         emitSearchChange(result);
                                     } })))))),
-                    !props.hideFilters && (React.createElement("tr", null,
-                        checkboxColumn && React.createElement("th", null),
-                        fields.map((field) => (React.createElement("th", { key: field.name }, field.searchParams && (React.createElement(FilterDescription, { resourceType: resourceType, searchParams: field.searchParams, filters: props.search.filters })))))))),
-                React.createElement("tbody", null, resources?.map((resource) => resource && (React.createElement("tr", { key: resource.id, className: classes.tr, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
-                    checkboxColumn && (React.createElement("td", null,
-                        React.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!state.selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
-                    fields.map((field) => (React.createElement("td", { key: field.name }, renderValue(resource, field))))))))),
-            resources?.length === 0 && (React.createElement(Container, null,
-                React.createElement(core$1.Center, null,
-                    React.createElement(core$1.Text, { size: "xl", color: "dimmed" }, "No results")))),
-            lastResult?.total !== undefined && lastResult.total > 0 && (React.createElement(core$1.Center, { m: "md", p: "md" },
-                React.createElement(core$1.Pagination, { page: getPage(search), total: getTotalPages(search, lastResult.total), onChange: (newPage) => emitSearchChange(setPage(search, newPage)), getItemAriaLabel: (page) => {
+                    !props.hideFilters && (e.createElement("tr", null,
+                        checkboxColumn && e.createElement("th", null),
+                        fields.map((field) => (e.createElement("th", { key: field.name }, field.searchParams && (e.createElement(FilterDescription, { resourceType: resourceType, searchParams: field.searchParams, filters: props.search.filters })))))))),
+                e.createElement("tbody", null, resources?.map((resource) => resource && (e.createElement("tr", { key: resource.id, className: classes.tr, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
+                    checkboxColumn && (e.createElement("td", null,
+                        e.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!state.selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
+                    fields.map((field) => (e.createElement("td", { key: field.name }, renderValue(resource, field))))))))),
+            resources?.length === 0 && (e.createElement(Container, null,
+                e.createElement(core$1.Center, null,
+                    e.createElement(core$1.Text, { size: "xl", color: "dimmed" }, "No results")))),
+            lastResult?.total !== undefined && lastResult.total > 0 && (e.createElement(core$1.Center, { m: "md", p: "md" },
+                e.createElement(core$1.Pagination, { page: getPage(search), total: getTotalPages(search, lastResult.total), onChange: (newPage) => emitSearchChange(setPage(search, newPage)), getItemAriaLabel: (page) => {
                         switch (page) {
                             case 'prev':
                                 return 'Previous page';
@@ -4364,9 +4428,9 @@
                                 return undefined;
                         }
                     } }))),
-            outcome && (React.createElement("div", { "data-testid": "search-error" },
-                React.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
-            React.createElement(SearchFieldEditor, { search: props.search, visible: stateRef.current.fieldEditorVisible, onOk: (result) => {
+            outcome && (e.createElement("div", { "data-testid": "search-error" },
+                e.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
+            e.createElement(SearchFieldEditor, { search: props.search, visible: stateRef.current.fieldEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
                     setState({
                         ...stateRef.current,
@@ -4378,7 +4442,7 @@
                         fieldEditorVisible: false,
                     });
                 } }),
-            React.createElement(SearchFilterEditor, { search: props.search, visible: stateRef.current.filterEditorVisible, onOk: (result) => {
+            e.createElement(SearchFilterEditor, { search: props.search, visible: stateRef.current.filterEditorVisible, onOk: (result) => {
                     emitSearchChange(result);
                     setState({
                         ...stateRef.current,
@@ -4390,7 +4454,7 @@
                         filterEditorVisible: false,
                     });
                 } }),
-            React.createElement(SearchFilterValueDialog, { key: state.filterDialogSearchParam?.code, visible: stateRef.current.filterDialogVisible, title: 'Input', resourceType: resourceType, searchParam: state.filterDialogSearchParam, filter: state.filterDialogFilter, defaultValue: '', onOk: (filter) => {
+            e.createElement(SearchFilterValueDialog, { key: state.filterDialogSearchParam?.code, 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({
                         ...stateRef.current,
@@ -4403,16 +4467,16 @@
                     });
                 } })));
     }
-    const MemoizedSearchControl = React.memo(SearchControl);
+    const MemoizedSearchControl = e.memo(SearchControl);
     function FilterDescription(props) {
         const filters = (props.filters ?? []).filter((f) => props.searchParams.find((p) => p.code === f.code));
         if (filters.length === 0) {
-            return React.createElement("span", null, "no filters");
+            return e.createElement("span", null, "no filters");
         }
-        return (React.createElement(React.Fragment, null, filters.map((filter, index) => (React.createElement("div", { key: `filter-${index}-${filters.length}` },
+        return (e.createElement(e.Fragment, null, filters.map((filter, index) => (e.createElement("div", { key: `filter-${index}-${filters.length}` },
             getOpString(filter.operator),
             "\u00A0",
-            React.createElement(SearchFilterValueDisplay, { resourceType: props.resourceType, filter: filter }))))));
+            e.createElement(SearchFilterValueDisplay, { resourceType: props.resourceType, filter: filter }))))));
     }
     function getPage(search) {
         return Math.floor((search.offset || 0) / (search.count || core.DEFAULT_SEARCH_COUNT)) + 1;
@@ -4433,16 +4497,16 @@
      */
     function FhirPathTable(props) {
         const medplum = useMedplum();
-        const [schema, setSchema] = React.useState();
-        const [outcome, setOutcome] = React.useState();
+        const [schema, setSchema] = e.useState();
+        const [outcome, setOutcome] = e.useState();
         const { query, fields } = props;
-        const [response, setResponse] = React.useState();
-        const [selected, setSelected] = React.useState({});
-        const responseRef = React.useRef();
+        const [response, setResponse] = e.useState();
+        const [selected, setSelected] = e.useState({});
+        const responseRef = e.useRef();
         responseRef.current = response;
-        const selectedRef = React.useRef({});
+        const selectedRef = e.useRef({});
         selectedRef.current = selected;
-        React.useEffect(() => {
+        e.useEffect(() => {
             setOutcome(undefined);
             medplum.graphql(query).then(setResponse).catch(setOutcome);
         }, [medplum, query]);
@@ -4499,7 +4563,7 @@
                 props.onAuxClick(new SearchClickEvent(resource, e));
             }
         }
-        React.useEffect(() => {
+        e.useEffect(() => {
             medplum
                 .requestSchema(props.resourceType)
                 .then((newSchema) => {
@@ -4511,32 +4575,32 @@
         }, [medplum, props.resourceType]);
         const typeSchema = schema?.types?.[props.resourceType];
         if (!typeSchema) {
-            return React.createElement(core$1.Loader, null);
+            return e.createElement(core$1.Loader, null);
         }
         const checkboxColumn = props.checkboxesEnabled;
-        return (React.createElement("div", { onContextMenu: (e) => killEvent(e), "data-testid": "search-control" },
-            React.createElement(core$1.Table, null,
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        checkboxColumn && (React.createElement("th", null,
-                            React.createElement("input", { type: "checkbox", value: "checked", "aria-label": "all-checkbox", "data-testid": "all-checkbox", checked: isAllSelected(), onChange: (e) => handleAllCheckboxClick(e) }))),
-                        fields.map((field) => (React.createElement("th", { key: field.name }, field.name))))),
-                React.createElement("tbody", null, response?.data?.ResourceList?.map((resource) => resource && (React.createElement("tr", { key: resource.id, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
-                    checkboxColumn && (React.createElement("td", null,
-                        React.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
+        return (e.createElement("div", { onContextMenu: (e) => killEvent(e), "data-testid": "search-control" },
+            e.createElement(core$1.Table, null,
+                e.createElement("thead", null,
+                    e.createElement("tr", null,
+                        checkboxColumn && (e.createElement("th", null,
+                            e.createElement("input", { type: "checkbox", value: "checked", "aria-label": "all-checkbox", "data-testid": "all-checkbox", checked: isAllSelected(), onChange: (e) => handleAllCheckboxClick(e) }))),
+                        fields.map((field) => (e.createElement("th", { key: field.name }, field.name))))),
+                e.createElement("tbody", null, response?.data?.ResourceList?.map((resource) => resource && (e.createElement("tr", { key: resource.id, "data-testid": "search-control-row", onClick: (e) => handleRowClick(e, resource), onAuxClick: (e) => handleRowClick(e, resource) },
+                    checkboxColumn && (e.createElement("td", null,
+                        e.createElement("input", { type: "checkbox", value: "checked", "data-testid": "row-checkbox", "aria-label": `Checkbox for ${resource.id}`, checked: !!selected[resource.id], onChange: (e) => handleSingleCheckboxClick(e, resource.id) }))),
                     fields.map((field) => {
-                        return (React.createElement("td", { key: field.name },
-                            React.createElement(FhirPathDisplay, { propertyType: field.propertyType, path: field.fhirPath, resource: resource })));
+                        return (e.createElement("td", { key: field.name },
+                            e.createElement(FhirPathDisplay, { propertyType: field.propertyType, path: field.fhirPath, resource: resource })));
                     })))))),
-            response?.data?.ResourceList?.length === 0 && React.createElement("div", { "data-testid": "empty-search" }, "No results"),
-            outcome && (React.createElement("div", { "data-testid": "search-error" },
-                React.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
-            props.onBulk && (React.createElement(core$1.Button, { onClick: () => props.onBulk(Object.keys(selectedRef.current)) }, "Bulk..."))));
+            response?.data?.ResourceList?.length === 0 && e.createElement("div", { "data-testid": "empty-search" }, "No results"),
+            outcome && (e.createElement("div", { "data-testid": "search-error" },
+                e.createElement("pre", { style: { textAlign: 'left' } }, JSON.stringify(outcome, undefined, 2)))),
+            props.onBulk && (e.createElement(core$1.Button, { onClick: () => props.onBulk(Object.keys(selectedRef.current)) }, "Bulk..."))));
     }
-    const MemoizedFhirPathTable = React.memo(FhirPathTable);
+    const MemoizedFhirPathTable = e.memo(FhirPathTable);
 
     function PatientTimeline(props) {
-        const loadTimelineResources = React.useCallback((medplum, resource) => {
+        const loadTimelineResources = e.useCallback((medplum, resource) => {
             return Promise.all([
                 medplum.readHistory('Patient', resource.id),
                 medplum.search('Communication', 'subject=' + core.getReferenceString(resource)),
@@ -4547,7 +4611,7 @@
                 medplum.search('ServiceRequest', 'subject=' + core.getReferenceString(resource)),
             ]);
         }, []);
-        return (React.createElement(ResourceTimeline, { value: props.patient, loadTimelineResources: loadTimelineResources, createCommunication: (resource, sender, text) => ({
+        return (e.createElement(ResourceTimeline, { value: props.patient, loadTimelineResources: loadTimelineResources, createCommunication: (resource, sender, text) => ({
                 resourceType: 'Communication',
                 status: 'completed',
                 subject: core.createReference(resource),
@@ -4593,22 +4657,22 @@
     function PlanDefinitionBuilder(props) {
         const medplum = useMedplum();
         const defaultValue = useResource(props.value);
-        const [schema, setSchema] = React.useState(undefined);
-        const [selectedKey, setSelectedKey] = React.useState();
-        const [hoverKey, setHoverKey] = React.useState();
-        const [value, setValue] = React.useState();
+        const [schema, setSchema] = e.useState(undefined);
+        const [selectedKey, setSelectedKey] = e.useState();
+        const [hoverKey, setHoverKey] = e.useState();
+        const [value, setValue] = e.useState();
         function handleDocumentMouseOver() {
             setHoverKey(undefined);
         }
         function handleDocumentClick() {
             setSelectedKey(undefined);
         }
-        const valueRef = React.useRef();
+        const valueRef = e.useRef();
         valueRef.current = value;
-        React.useEffect(() => {
+        e.useEffect(() => {
             medplum.requestSchema('PlanDefinition').then(setSchema).catch(console.log);
         }, [medplum]);
-        React.useEffect(() => {
+        e.useEffect(() => {
             setValue(ensurePlanDefinitionKeys(defaultValue ?? { resourceType: 'PlanDefinition' }));
             document.addEventListener('mouseover', handleDocumentMouseOver);
             document.addEventListener('click', handleDocumentClick);
@@ -4626,15 +4690,15 @@
                 [property]: newValue,
             });
         }
-        return (React.createElement("div", null,
-            React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
-                React.createElement(core$1.TextInput, { label: "Plan Title", defaultValue: value.title, onChange: (e) => changeProperty('title', e.currentTarget.value) }),
-                React.createElement(ActionArrayBuilder, { actions: value.action || [], selectedKey: selectedKey, setSelectedKey: setSelectedKey, hoverKey: hoverKey, setHoverKey: setHoverKey, onChange: (x) => changeProperty('action', x) }),
-                React.createElement(core$1.Button, { type: "submit" }, "Save"))));
+        return (e.createElement("div", null,
+            e.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
+                e.createElement(core$1.TextInput, { label: "Plan Title", defaultValue: value.title, onChange: (e) => changeProperty('title', e.currentTarget.value) }),
+                e.createElement(ActionArrayBuilder, { actions: value.action || [], selectedKey: selectedKey, setSelectedKey: setSelectedKey, hoverKey: hoverKey, setHoverKey: setHoverKey, onChange: (x) => changeProperty('action', x) }),
+                e.createElement(core$1.Button, { type: "submit" }, "Save"))));
     }
     function ActionArrayBuilder(props) {
         const { classes } = useStyles$5();
-        const actionsRef = React.useRef();
+        const actionsRef = e.useRef();
         actionsRef.current = props.actions;
         function changeAction(changedAction) {
             props.onChange(actionsRef.current.map((i) => (i.id === changedAction.id ? changedAction : i)));
@@ -4646,11 +4710,11 @@
         function removeAction(removedAction) {
             props.onChange(actionsRef.current.filter((i) => i !== removedAction));
         }
-        return (React.createElement("div", { className: classes.section },
-            props.actions.map((action) => (React.createElement("div", { key: action.id },
-                React.createElement(ActionBuilder, { action: action, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeAction, onRemove: () => removeAction(action) })))),
-            React.createElement("div", { className: classes.bottomActions },
-                React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+        return (e.createElement("div", { className: classes.section },
+            props.actions.map((action) => (e.createElement("div", { key: action.id },
+                e.createElement(ActionBuilder, { action: action, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeAction, onRemove: () => removeAction(action) })))),
+            e.createElement("div", { className: classes.bottomActions },
+                e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                         killEvent(e);
                         addAction({ id: generateId$1() });
                     } }, "Add action"))));
@@ -4673,10 +4737,10 @@
             [classes.editing]: editing,
             [classes.hovering]: hovering && !editing,
         });
-        return (React.createElement("div", { "data-testid": action.id, className: className, onClick: onClick, onMouseOver: onHover },
-            editing ? (React.createElement(ActionEditor, { action: action, actionType: actionType, onChange: props.onChange, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onRemove: props.onRemove })) : (React.createElement(ActionDisplay, { action: action, actionType: actionType })),
-            React.createElement("div", { className: classes.bottomActions },
-                React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+        return (e.createElement("div", { "data-testid": action.id, className: className, onClick: onClick, onMouseOver: onHover },
+            editing ? (e.createElement(ActionEditor, { action: action, actionType: actionType, onChange: props.onChange, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onRemove: props.onRemove })) : (e.createElement(ActionDisplay, { action: action, actionType: actionType })),
+            e.createElement("div", { className: classes.bottomActions },
+                e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                         e.preventDefault();
                         props.onRemove();
                     } }, "Remove"))));
@@ -4690,53 +4754,53 @@
     function ActionDisplay(props) {
         const { action, actionType } = props;
         const [propertyValue, propertyType] = getActionTiming(action);
-        return (React.createElement("div", null,
-            React.createElement("div", null,
+        return (e.createElement("div", null,
+            e.createElement("div", null,
                 action.title || 'Untitled',
                 " ",
                 actionType && `(${actionType})`),
-            action.definitionCanonical && (React.createElement("div", null,
-                React.createElement(ReferenceDisplay, { value: { reference: action.definitionCanonical } }))),
-            propertyValue && (React.createElement("div", null,
-                React.createElement(ResourcePropertyDisplay, { property: timingProperty, propertyType: propertyType, value: propertyValue })))));
+            action.definitionCanonical && (e.createElement("div", null,
+                e.createElement(ReferenceDisplay, { value: { reference: action.definitionCanonical } }))),
+            propertyValue && (e.createElement("div", null,
+                e.createElement(ResourcePropertyDisplay, { property: timingProperty, propertyType: propertyType, value: propertyValue })))));
     }
     function ActionEditor(props) {
         const { action } = props;
-        const [actionType, setActionType] = React.useState(props.actionType);
+        const [actionType, setActionType] = e.useState(props.actionType);
         function changeProperty(property, value) {
             props.onChange({
                 ...action,
                 [property]: value,
             });
         }
-        return (React.createElement(core$1.Stack, { spacing: "xl" },
-            React.createElement(core$1.TextInput, { name: `actionTitle-${action.id}`, label: "Title", defaultValue: action.title, onChange: (e) => changeProperty('title', e.currentTarget.value) }),
-            React.createElement(core$1.TextInput, { name: `actionDescription-${action.id}`, label: "Description", defaultValue: action.description, onChange: (e) => changeProperty('description', e.currentTarget.value) }),
-            React.createElement(core$1.NativeSelect, { label: "Type of Action", description: "The type of the action to be performed.", name: `actionType-${action.id}`, defaultValue: actionType, onChange: (e) => setActionType(e.currentTarget.value), data: ['', 'appointment', 'lab', 'questionnaire', 'task'] }),
-            action.action && action.action.length > 0 && (React.createElement(ActionArrayBuilder, { actions: action.action, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: (x) => changeProperty('action', x) })),
+        return (e.createElement(core$1.Stack, { spacing: "xl" },
+            e.createElement(core$1.TextInput, { name: `actionTitle-${action.id}`, label: "Title", defaultValue: action.title, onChange: (e) => changeProperty('title', e.currentTarget.value) }),
+            e.createElement(core$1.TextInput, { name: `actionDescription-${action.id}`, label: "Description", defaultValue: action.description, onChange: (e) => changeProperty('description', e.currentTarget.value) }),
+            e.createElement(core$1.NativeSelect, { label: "Type of Action", description: "The type of the action to be performed.", name: `actionType-${action.id}`, defaultValue: actionType, onChange: (e) => setActionType(e.currentTarget.value), data: ['', 'appointment', 'lab', 'questionnaire', 'task'] }),
+            action.action && action.action.length > 0 && (e.createElement(ActionArrayBuilder, { actions: action.action, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: (x) => changeProperty('action', x) })),
             (() => {
                 switch (actionType) {
                     case 'appointment':
-                        return (React.createElement(ActionResourceTypeBuilder, { title: "Appointment", description: "The subject must schedule an appointment from the schedule.", resourceType: "Schedule", action: action, onChange: props.onChange }));
+                        return (e.createElement(ActionResourceTypeBuilder, { title: "Appointment", description: "The subject must schedule an appointment from the schedule.", resourceType: "Schedule", action: action, onChange: props.onChange }));
                     case 'lab':
-                        return (React.createElement(ActionResourceTypeBuilder, { title: "Lab", description: "The subject must complete the following lab panel.", resourceType: "ActivityDefinition", action: action, onChange: props.onChange }));
+                        return (e.createElement(ActionResourceTypeBuilder, { title: "Lab", description: "The subject must complete the following lab panel.", resourceType: "ActivityDefinition", action: action, onChange: props.onChange }));
                     case 'questionnaire':
-                        return (React.createElement(ActionResourceTypeBuilder, { title: "Questionnaire", description: "The subject must complete the selected questionnaire.", resourceType: "Questionnaire", action: action, onChange: props.onChange }));
+                        return (e.createElement(ActionResourceTypeBuilder, { title: "Questionnaire", description: "The subject must complete the selected questionnaire.", resourceType: "Questionnaire", action: action, onChange: props.onChange }));
                     case 'task':
-                        return (React.createElement(ActionResourceTypeBuilder, { title: "Task", description: "The subject must complete the following task.", resourceType: "ActivityDefinition", action: action, onChange: props.onChange }));
+                        return (e.createElement(ActionResourceTypeBuilder, { title: "Task", description: "The subject must complete the following task.", resourceType: "ActivityDefinition", action: action, onChange: props.onChange }));
                     default:
                         return null;
                 }
             })(),
-            React.createElement(FormSection, { title: "Timing", description: "When the action should take place." },
-                React.createElement(ActionTimingInput, { name: 'timing-' + action.id, action: action, onChange: props.onChange }))));
+            e.createElement(FormSection, { title: "Timing", description: "When the action should take place." },
+                e.createElement(ActionTimingInput, { name: 'timing-' + action.id, action: action, onChange: props.onChange }))));
     }
     function ActionResourceTypeBuilder(props) {
         const { id, definitionCanonical } = props.action;
         const reference = definitionCanonical?.startsWith(props.resourceType + '/')
             ? { reference: definitionCanonical }
             : undefined;
-        return (React.createElement(ResourceInput, { name: id, resourceType: props.resourceType, defaultValue: reference, loadOnFocus: true, onChange: (newValue) => {
+        return (e.createElement(ResourceInput, { name: id, resourceType: props.resourceType, defaultValue: reference, loadOnFocus: true, onChange: (newValue) => {
                 if (newValue) {
                     props.onChange({ ...props.action, definitionCanonical: core.getReferenceString(newValue) });
                 }
@@ -4749,7 +4813,7 @@
         const value = props.action;
         const key = 'timing';
         const [propertyValue, propertyType] = getActionTiming(value);
-        return (React.createElement(ResourcePropertyInput, { property: timingProperty, name: "timing[x]", defaultValue: propertyValue, defaultPropertyType: propertyType, onChange: (newValue, propName) => {
+        return (e.createElement(ResourcePropertyInput, { property: timingProperty, name: "timing[x]", defaultValue: propertyValue, defaultPropertyType: propertyType, onChange: (newValue, propName) => {
                 props.onChange(setPropertyValue(value, key, propName ?? key, timingProperty, newValue));
             } }));
     }
@@ -4832,24 +4896,23 @@
     function QuestionnaireForm(props) {
         const medplum = useMedplum();
         const source = medplum.getProfile();
-        const [schema, setSchema] = React.useState();
+        const [schema, setSchema] = e.useState();
         const questionnaire = useResource(props.questionnaire);
-        const [response, setResponse] = React.useState();
-        const [answers, setAnswers] = React.useState({});
-        React.useEffect(() => {
+        const [response, setResponse] = e.useState();
+        const [answers, setAnswers] = e.useState({});
+        e.useEffect(() => {
             medplum
                 .requestSchema('Questionnaire')
                 .then(() => medplum.requestSchema('QuestionnaireResponse'))
                 .then(setSchema)
                 .catch(console.log);
         }, [medplum]);
-        React.useEffect(() => {
+        e.useEffect(() => {
             setResponse(questionnaire ? buildInitialResponse(questionnaire) : undefined);
         }, [questionnaire]);
         function setItems(newResponseItems) {
             const newResponse = {
                 resourceType: 'QuestionnaireResponse',
-                status: 'completed',
                 item: newResponseItems,
             };
             setResponse(newResponse);
@@ -4858,7 +4921,7 @@
         if (!schema || !questionnaire) {
             return null;
         }
-        return (React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => {
+        return (e.createElement(Form, { testid: "questionnaire-form", onSubmit: () => {
                 if (props.onSubmit && response) {
                     props.onSubmit({
                         ...response,
@@ -4866,43 +4929,44 @@
                         subject: props.subject,
                         source: core.createReference(source),
                         authored: new Date().toISOString(),
+                        status: 'completed',
                     });
                 }
             } },
-            questionnaire.title && React.createElement(core$1.Title, null, questionnaire.title),
-            questionnaire.item && (React.createElement(QuestionnaireFormItemArray, { items: questionnaire.item, answers: answers, onChange: setItems })),
-            React.createElement(core$1.Group, { position: "right", mt: "xl" },
-                React.createElement(core$1.Button, { type: "submit" }, props.submitButtonText || 'OK'))));
+            questionnaire.title && e.createElement(core$1.Title, null, questionnaire.title),
+            questionnaire.item && (e.createElement(QuestionnaireFormItemArray, { items: questionnaire.item, answers: answers, onChange: setItems })),
+            e.createElement(core$1.Group, { position: "right", mt: "xl" },
+                e.createElement(core$1.Button, { type: "submit" }, props.submitButtonText || 'OK'))));
     }
     function QuestionnaireFormItemArray(props) {
-        const [responseItems, setResponseItems] = React.useState(buildInitialResponseItems(props.items));
+        const [responseItems, setResponseItems] = e.useState(buildInitialResponseItems(props.items));
         function setResponseItem(index, newResponseItem) {
             const newResponseItems = responseItems.slice();
             newResponseItems[index] = newResponseItem;
             setResponseItems(newResponseItems);
             props.onChange(newResponseItems);
         }
-        return (React.createElement(core$1.Stack, null, props.items.map((item, index) => {
+        return (e.createElement(core$1.Stack, null, props.items.map((item, index) => {
             if (!isQuestionEnabled(item, props.answers)) {
                 return null;
             }
             if (item.type === exports.QuestionnaireItemType.display) {
-                return React.createElement("p", { key: item.linkId }, item.text);
+                return e.createElement("p", { key: item.linkId }, item.text);
             }
             if (item.type === exports.QuestionnaireItemType.group) {
-                return (React.createElement(QuestionnaireFormItem, { key: item.linkId, item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
+                return (e.createElement(QuestionnaireFormItem, { key: item.linkId, item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
             }
             if (item.type === exports.QuestionnaireItemType.boolean) {
                 const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
-                return (React.createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
-                    React.createElement(core$1.Checkbox, { id: item.linkId, name: item.linkId, defaultChecked: initial?.valueBoolean, onChange: (e) => setResponseItem(index, {
+                return (e.createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
+                    e.createElement(core$1.Checkbox, { id: item.linkId, name: item.linkId, defaultChecked: initial?.valueBoolean, onChange: (e) => setResponseItem(index, {
                             linkId: item.linkId,
                             text: item.text,
                             answer: [{ valueBoolean: e.currentTarget.checked }],
                         }) })));
             }
-            return (React.createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
-                React.createElement(QuestionnaireFormItem, { item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
+            return (e.createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
+                e.createElement(QuestionnaireFormItem, { item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
         })));
     }
     function QuestionnaireFormItem(props) {
@@ -4932,39 +4996,39 @@
         }
         switch (type) {
             case exports.QuestionnaireItemType.group:
-                return (React.createElement("div", null,
-                    React.createElement("h3", null, item.text),
-                    item.item && (React.createElement(QuestionnaireFormItemArray, { items: item.item, answers: props.answers, onChange: onChangeItem }))));
+                return (e.createElement("div", null,
+                    e.createElement("h3", null, item.text),
+                    item.item && (e.createElement(QuestionnaireFormItemArray, { items: item.item, answers: props.answers, onChange: onChangeItem }))));
             case exports.QuestionnaireItemType.boolean:
-                return (React.createElement(core$1.Checkbox, { id: name, name: name, defaultChecked: initial?.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
+                return (e.createElement(core$1.Checkbox, { id: name, name: name, defaultChecked: initial?.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
             case exports.QuestionnaireItemType.decimal:
-                return (React.createElement(core$1.TextInput, { type: "number", step: "any", id: name, name: name, defaultValue: initial?.valueDecimal, onChange: (e) => onChangeAnswer({ valueDecimal: e.currentTarget.valueAsNumber }) }));
+                return (e.createElement(core$1.TextInput, { type: "number", step: "any", id: name, name: name, defaultValue: initial?.valueDecimal, onChange: (e) => onChangeAnswer({ valueDecimal: e.currentTarget.valueAsNumber }) }));
             case exports.QuestionnaireItemType.integer:
-                return (React.createElement(core$1.TextInput, { type: "number", step: 1, id: name, name: name, defaultValue: initial?.valueInteger, onChange: (e) => onChangeAnswer({ valueInteger: e.currentTarget.valueAsNumber }) }));
+                return (e.createElement(core$1.TextInput, { type: "number", step: 1, id: name, name: name, defaultValue: initial?.valueInteger, onChange: (e) => onChangeAnswer({ valueInteger: e.currentTarget.valueAsNumber }) }));
             case exports.QuestionnaireItemType.date:
-                return (React.createElement(core$1.TextInput, { type: "date", id: name, name: name, defaultValue: initial?.valueDate, onChange: (e) => onChangeAnswer({ valueDate: e.currentTarget.value }) }));
+                return (e.createElement(core$1.TextInput, { type: "date", id: name, name: name, defaultValue: initial?.valueDate, onChange: (e) => onChangeAnswer({ valueDate: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.dateTime:
-                return (React.createElement(DateTimeInput, { name: name, defaultValue: initial?.valueDateTime, onChange: (newValue) => onChangeAnswer({ valueDateTime: newValue }) }));
+                return (e.createElement(DateTimeInput, { name: name, defaultValue: initial?.valueDateTime, onChange: (newValue) => onChangeAnswer({ valueDateTime: newValue }) }));
             case exports.QuestionnaireItemType.time:
-                return (React.createElement(core$1.TextInput, { type: "time", id: name, name: name, defaultValue: initial?.valueTime, onChange: (e) => onChangeAnswer({ valueTime: e.currentTarget.value }) }));
+                return (e.createElement(core$1.TextInput, { type: "time", id: name, name: name, defaultValue: initial?.valueTime, onChange: (e) => onChangeAnswer({ valueTime: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.string:
             case exports.QuestionnaireItemType.url:
-                return (React.createElement(core$1.TextInput, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
+                return (e.createElement(core$1.TextInput, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.text:
-                return (React.createElement(core$1.Textarea, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
+                return (e.createElement(core$1.Textarea, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
             case exports.QuestionnaireItemType.attachment:
-                return (React.createElement(AttachmentInput, { name: name, defaultValue: initial?.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
+                return (e.createElement(AttachmentInput, { name: name, defaultValue: initial?.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
             case exports.QuestionnaireItemType.reference:
-                return (React.createElement(ReferenceInput, { name: name, defaultValue: initial?.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
+                return (e.createElement(ReferenceInput, { name: name, defaultValue: initial?.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
             case exports.QuestionnaireItemType.quantity:
-                return (React.createElement(QuantityInput, { name: name, defaultValue: initial?.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }) }));
+                return (e.createElement(QuantityInput, { name: name, defaultValue: initial?.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }), disableWheel: true }));
             case exports.QuestionnaireItemType.choice:
             case exports.QuestionnaireItemType.openChoice:
                 if (isDropDownChoice(item)) {
-                    return (React.createElement(QuestionnaireChoiceDropDownInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
+                    return (e.createElement(QuestionnaireChoiceDropDownInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
                 }
                 else {
-                    return (React.createElement(QuestionnaireChoiceRadioInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
+                    return (e.createElement(QuestionnaireChoiceRadioInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
                 }
         }
         return null;
@@ -4979,7 +5043,7 @@
                 data.push(typedValueToString(optionValue));
             }
         }
-        return (React.createElement(core$1.NativeSelect, { id: name, name: name, onChange: (e) => {
+        return (e.createElement(core$1.NativeSelect, { id: name, name: name, onChange: (e) => {
                 const index = e.currentTarget.selectedIndex;
                 if (index === 0) {
                     props.onChangeAnswer({});
@@ -5020,14 +5084,14 @@
                 options.push([optionName, optionValue]);
             }
         }
-        return (React.createElement(core$1.Radio.Group, { name: name, orientation: "vertical", defaultValue: defaultValue, onChange: (newValue) => {
+        return (e.createElement(core$1.Radio.Group, { name: name, orientation: "vertical", defaultValue: defaultValue, onChange: (newValue) => {
                 const option = options.find((option) => option[0] === newValue);
                 if (option) {
                     const optionValue = option[1];
                     const propertyName = 'value' + core.capitalize(optionValue.type);
                     onChangeAnswer({ [propertyName]: optionValue.value });
                 }
-            } }, options.map(([optionName, optionValue]) => (React.createElement(core$1.Radio, { key: optionName, id: optionName, value: optionName, label: React.createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value }) })))));
+            } }, options.map(([optionName, optionValue]) => (e.createElement(core$1.Radio, { key: optionName, id: optionName, value: optionName, label: e.createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value }) })))));
     }
     function buildInitialResponse(questionnaire) {
         const response = {
@@ -5134,20 +5198,20 @@
     function QuestionnaireBuilder(props) {
         const medplum = useMedplum();
         const defaultValue = useResource(props.questionnaire);
-        const [schema, setSchema] = React.useState();
-        const [value, setValue] = React.useState();
-        const [selectedKey, setSelectedKey] = React.useState();
-        const [hoverKey, setHoverKey] = React.useState();
+        const [schema, setSchema] = e.useState();
+        const [value, setValue] = e.useState();
+        const [selectedKey, setSelectedKey] = e.useState();
+        const [hoverKey, setHoverKey] = e.useState();
         function handleDocumentMouseOver() {
             setHoverKey(undefined);
         }
         function handleDocumentClick() {
             setSelectedKey(undefined);
         }
-        React.useEffect(() => {
+        e.useEffect(() => {
             medplum.requestSchema('Questionnaire').then(setSchema).catch(console.log);
         }, [medplum]);
-        React.useEffect(() => {
+        e.useEffect(() => {
             setValue(ensureQuestionnaireKeys(defaultValue ?? { resourceType: 'Questionnaire' }));
             document.addEventListener('mouseover', handleDocumentMouseOver);
             document.addEventListener('click', handleDocumentClick);
@@ -5159,10 +5223,10 @@
         if (!schema || !value) {
             return null;
         }
-        return (React.createElement("div", null,
-            React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
-                React.createElement(ItemBuilder, { item: value, selectedKey: selectedKey, setSelectedKey: setSelectedKey, hoverKey: hoverKey, setHoverKey: setHoverKey, onChange: setValue }),
-                React.createElement(core$1.Button, { type: "submit" }, "Save"))));
+        return (e.createElement("div", null,
+            e.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
+                e.createElement(ItemBuilder, { item: value, selectedKey: selectedKey, setSelectedKey: setSelectedKey, hoverKey: hoverKey, setHoverKey: setHoverKey, onChange: setValue }),
+                e.createElement(core$1.Button, { type: "submit" }, "Save"))));
     }
     function ItemBuilder(props) {
         const { classes, cx } = useStyles$4();
@@ -5173,7 +5237,7 @@
         const linkId = item.linkId ?? '[untitled]';
         const editing = props.selectedKey === props.item.id;
         const hovering = props.hoverKey === props.item.id;
-        const itemRef = React.useRef();
+        const itemRef = e.useRef();
         itemRef.current = props.item;
         function onClick(e) {
             killEvent(e);
@@ -5212,20 +5276,20 @@
             [classes.editing]: editing,
             [classes.hovering]: hovering && !editing,
         });
-        return (React.createElement("div", { "data-testid": item.linkId, className: className, onClick: onClick, onMouseOver: onHover },
-            React.createElement("div", { className: classes.questionBody }, editing ? (React.createElement(React.Fragment, null,
-                isResource && (React.createElement(core$1.TextInput, { size: "xl", defaultValue: resource.title, onChange: (e) => changeProperty('title', e.currentTarget.value) })),
-                !isResource && (React.createElement(core$1.Textarea, { autosize: true, minRows: 2, defaultValue: item.text, onChange: (e) => changeProperty('text', e.currentTarget.value) })),
-                isChoiceQuestion(item) && (React.createElement(AnswerBuilder, { options: item.answerOption, onChange: (newOptions) => changeProperty('answerOption', newOptions) })))) : (React.createElement(React.Fragment, null,
-                resource.title && React.createElement(core$1.Title, null, resource.title),
-                item.text && React.createElement("div", null, item.text),
-                !isContainer && React.createElement(QuestionnaireFormItem, { item: item, answers: {}, onChange: () => undefined })))),
+        return (e.createElement("div", { "data-testid": item.linkId, className: className, onClick: onClick, onMouseOver: onHover },
+            e.createElement("div", { className: classes.questionBody }, editing ? (e.createElement(e.Fragment, null,
+                isResource && (e.createElement(core$1.TextInput, { size: "xl", defaultValue: resource.title, onChange: (e) => changeProperty('title', e.currentTarget.value) })),
+                !isResource && (e.createElement(core$1.Textarea, { autosize: true, minRows: 2, defaultValue: item.text, onChange: (e) => changeProperty('text', e.currentTarget.value) })),
+                isChoiceQuestion(item) && (e.createElement(AnswerBuilder, { options: item.answerOption, onChange: (newOptions) => changeProperty('answerOption', newOptions) })))) : (e.createElement(e.Fragment, null,
+                resource.title && e.createElement(core$1.Title, null, resource.title),
+                item.text && e.createElement("div", null, item.text),
+                !isContainer && e.createElement(QuestionnaireFormItem, { item: item, answers: {}, onChange: () => undefined })))),
             item.item &&
-                item.item.map((i) => (React.createElement("div", { key: i.id },
-                    React.createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
-            !isContainer && (React.createElement("div", { className: classes.topActions }, editing ? (React.createElement(React.Fragment, null,
-                React.createElement(core$1.TextInput, { size: "xs", className: classes.linkIdInput, defaultValue: item.linkId, onChange: (e) => changeProperty('linkId', e.currentTarget.value) }),
-                !isContainer && (React.createElement(core$1.NativeSelect, { size: "xs", className: classes.typeSelect, defaultValue: item.type, onChange: (e) => changeProperty('type', e.currentTarget.value), data: [
+                item.item.map((i) => (e.createElement("div", { key: i.id },
+                    e.createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
+            !isContainer && (e.createElement("div", { className: classes.topActions }, editing ? (e.createElement(e.Fragment, null,
+                e.createElement(core$1.TextInput, { size: "xs", className: classes.linkIdInput, defaultValue: item.linkId, onChange: (e) => changeProperty('linkId', e.currentTarget.value) }),
+                !isContainer && (e.createElement(core$1.NativeSelect, { size: "xs", className: classes.typeSelect, defaultValue: item.type, onChange: (e) => changeProperty('type', e.currentTarget.value), data: [
                         { value: 'display', label: 'Display' },
                         { value: 'boolean', label: 'Boolean' },
                         { value: 'decimal', label: 'Decimal' },
@@ -5241,10 +5305,10 @@
                         { value: 'attachment', label: 'Attachment' },
                         { value: 'reference', label: 'Reference' },
                         { value: 'quantity', label: 'Quantity' },
-                    ] })))) : (React.createElement("div", null, linkId)))),
-            React.createElement("div", { className: classes.bottomActions },
-                isContainer && (React.createElement(React.Fragment, null,
-                    React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+                    ] })))) : (e.createElement("div", null, linkId)))),
+            e.createElement("div", { className: classes.bottomActions },
+                isContainer && (e.createElement(e.Fragment, null,
+                    e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                             e.preventDefault();
                             addItem({
                                 id: generateId(),
@@ -5253,7 +5317,7 @@
                                 text: 'Question',
                             });
                         } }, "Add item"),
-                    React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+                    e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                             e.preventDefault();
                             addItem({
                                 id: generateId(),
@@ -5262,7 +5326,7 @@
                                 text: 'Group',
                             });
                         } }, "Add group"))),
-                editing && !isResource && (React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+                editing && !isResource && (e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                         e.preventDefault();
                         if (props.onRemove) {
                             props.onRemove();
@@ -5272,30 +5336,30 @@
     function AnswerBuilder(props) {
         const property = core.globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
         const options = props.options ?? [];
-        return (React.createElement("div", null,
+        return (e.createElement("div", null,
             options.map((option) => {
                 const [propertyValue, propertyType] = getValueAndType({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
-                return (React.createElement("div", { key: option.id, style: {
+                return (e.createElement("div", { key: option.id, style: {
                         display: 'flex',
                         flexDirection: 'row',
                         justifyContent: 'space-between',
                         alignItems: 'center',
                         width: '80%',
                     } },
-                    React.createElement("div", null,
-                        React.createElement(ResourcePropertyInput, { key: option.id, name: "value[x]", property: property, defaultPropertyType: propertyType, defaultValue: propertyValue, onChange: (newValue, propName) => {
+                    e.createElement("div", null,
+                        e.createElement(ResourcePropertyInput, { key: option.id, name: "value[x]", property: property, defaultPropertyType: propertyType, defaultValue: propertyValue, onChange: (newValue, propName) => {
                                 const newOptions = [...options];
                                 const index = newOptions.findIndex((o) => o.id === option.id);
                                 newOptions[index] = { id: option.id, [propName]: newValue };
                                 props.onChange(newOptions);
                             } })),
-                    React.createElement("div", null,
-                        React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+                    e.createElement("div", null,
+                        e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                                 killEvent(e);
                                 props.onChange(options.filter((o) => o.id !== option.id));
                             } }, "Remove"))));
             }),
-            React.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
+            e.createElement(core$1.Anchor, { href: "#", onClick: (e) => {
                     killEvent(e);
                     props.onChange([
                         ...options,
@@ -5382,23 +5446,23 @@
     function ReferenceRangeEditor(props) {
         props = Object.assign(defaultProps, props);
         const defaultDefinition = props.definition;
-        const [intervalGroups, setIntervalGroups] = React.useState([]);
-        const [groupId, setGroupId] = React.useState(1);
-        const [intervalId, setIntervalId] = React.useState(1);
-        React.useEffect(() => {
+        const [intervalGroups, setIntervalGroups] = e.useState([]);
+        const [groupId, setGroupId] = e.useState(1);
+        const [intervalId, setIntervalId] = e.useState(1);
+        e.useEffect(() => {
             const definition = ensureQualifiedIntervalKeys(defaultDefinition, setIntervalId);
             setIntervalGroups(groupQualifiedIntervals(definition.qualifiedInterval || [], setGroupId));
         }, [defaultDefinition]);
-        return (React.createElement(Form, { testid: "reference-range-editor", onSubmit: submitDefinition },
-            React.createElement(core$1.Stack, null, intervalGroups.map((intervalGroup) => (React.createElement(ReferenceRangeGroupEditor, { unit: getUnitString(defaultDefinition.quantitativeDetails?.unit), onChange: changeInterval, onAdd: addInterval, onRemove: removeInterval, onRemoveGroup: removeGroup, key: `group-${intervalGroup.id}`, intervalGroup: intervalGroup })))),
-            React.createElement(core$1.ActionIcon, { title: "Add Group", size: "sm", onClick: (e) => {
+        return (e.createElement(Form, { testid: "reference-range-editor", onSubmit: submitDefinition },
+            e.createElement(core$1.Stack, null, intervalGroups.map((intervalGroup) => (e.createElement(ReferenceRangeGroupEditor, { unit: getUnitString(defaultDefinition.quantitativeDetails?.unit), onChange: changeInterval, onAdd: addInterval, onRemove: removeInterval, onRemoveGroup: removeGroup, key: `group-${intervalGroup.id}`, intervalGroup: intervalGroup })))),
+            e.createElement(core$1.ActionIcon, { title: "Add Group", size: "sm", onClick: (e) => {
                     killEvent(e);
                     addGroup({ id: `group-id-${groupId}`, filters: {}, intervals: [] });
                     setGroupId((id) => id + 1);
                 } },
-                React.createElement(icons.IconCirclePlus, null)),
-            React.createElement(core$1.Group, { position: "right" },
-                React.createElement(core$1.Button, { type: "submit" }, "Save"))));
+                e.createElement(iS, null)),
+            e.createElement(core$1.Group, { position: "right" },
+                e.createElement(core$1.Button, { type: "submit" }, "Save"))));
         /**
          * Submit qualified intervals
          */
@@ -5462,31 +5526,31 @@
     function ReferenceRangeGroupEditor(props) {
         const { intervalGroup, unit } = props;
         const { classes } = useStyles$3();
-        return (React.createElement(Container, { "data-testid": intervalGroup.id, className: classes.section },
-            React.createElement(core$1.Stack, { spacing: 'lg' },
-                React.createElement(core$1.Group, { position: "right" },
-                    React.createElement(core$1.ActionIcon, { title: "Remove Group", "data-testid": `remove-group-button-${intervalGroup.id}`, key: `remove-group-button-${intervalGroup.id}`, size: "sm", onClick: (e) => {
+        return (e.createElement(Container, { "data-testid": intervalGroup.id, className: classes.section },
+            e.createElement(core$1.Stack, { spacing: 'lg' },
+                e.createElement(core$1.Group, { position: "right" },
+                    e.createElement(core$1.ActionIcon, { title: "Remove Group", "data-testid": `remove-group-button-${intervalGroup.id}`, key: `remove-group-button-${intervalGroup.id}`, size: "sm", onClick: (e) => {
                             killEvent(e);
                             props.onRemoveGroup(intervalGroup);
                         } },
-                        React.createElement(icons.IconCircleMinus, null))),
-                React.createElement(ReferenceRangeGroupFilters, { intervalGroup: intervalGroup, onChange: props.onChange }),
-                React.createElement(core$1.Divider, null),
-                intervalGroup.intervals.map((interval) => (React.createElement(core$1.Stack, { key: `interval-${interval.id}`, spacing: 'xs' },
-                    React.createElement(core$1.Group, null,
-                        React.createElement(core$1.TextInput, { key: `condition-${interval.id}`, "data-testid": `condition-${interval.id}`, defaultValue: interval.condition, label: 'Condition: ', size: 'sm', onChange: (e) => {
+                        e.createElement(IP, null))),
+                e.createElement(ReferenceRangeGroupFilters, { intervalGroup: intervalGroup, onChange: props.onChange }),
+                e.createElement(core$1.Divider, null),
+                intervalGroup.intervals.map((interval) => (e.createElement(core$1.Stack, { key: `interval-${interval.id}`, spacing: 'xs' },
+                    e.createElement(core$1.Group, null,
+                        e.createElement(core$1.TextInput, { key: `condition-${interval.id}`, "data-testid": `condition-${interval.id}`, defaultValue: interval.condition, label: 'Condition: ', size: 'sm', onChange: (e) => {
                                 killEvent(e);
                                 props.onChange(intervalGroup.id, { ...interval, condition: e.currentTarget.value.trim() });
                             } }),
-                        React.createElement(core$1.ActionIcon, { title: "Remove Interval", size: "sm", key: `remove-interval-${interval.id}`, "data-testid": `remove-interval-${interval.id}`, onClick: (e) => {
+                        e.createElement(core$1.ActionIcon, { title: "Remove Interval", size: "sm", key: `remove-interval-${interval.id}`, "data-testid": `remove-interval-${interval.id}`, onClick: (e) => {
                                 killEvent(e);
                                 props.onRemove(intervalGroup.id, interval);
                             } },
-                            React.createElement(icons.IconCircleMinus, null))),
-                    React.createElement(RangeInput, { onChange: (range) => {
+                            e.createElement(IP, null))),
+                    e.createElement(RangeInput, { onChange: (range) => {
                             props.onChange(intervalGroup.id, { ...interval, range });
                         }, key: `range-${interval.id}`, name: `range-${interval.id}`, defaultValue: interval.range })))),
-                React.createElement(core$1.ActionIcon, { title: "Add Interval", size: "sm", onClick: (e) => {
+                e.createElement(core$1.ActionIcon, { title: "Add Interval", size: "sm", onClick: (e) => {
                         killEvent(e);
                         props.onAdd(intervalGroup.id, {
                             range: {
@@ -5495,7 +5559,7 @@
                             },
                         });
                     } },
-                    React.createElement(icons.IconCirclePlus, null)))));
+                    e.createElement(iS, null)))));
     }
     /**
      * Render the "filters" section of the IntervalGroup. Also populates some initial
@@ -5515,9 +5579,9 @@
                 };
             }
         }
-        return (React.createElement(core$1.Stack, { style: { maxWidth: '50%' } },
-            React.createElement(core$1.Group, null,
-                React.createElement(core$1.NativeSelect, { data: ['', 'male', 'female'], label: "Gender:", defaultValue: intervalGroup.filters.gender || '', onChange: (e) => {
+        return (e.createElement(core$1.Stack, { style: { maxWidth: '50%' } },
+            e.createElement(core$1.Group, null,
+                e.createElement(core$1.NativeSelect, { data: ['', 'male', 'female'], label: "Gender:", defaultValue: intervalGroup.filters.gender || '', onChange: (e) => {
                         for (const interval of intervalGroup.intervals) {
                             let newGender = e.currentTarget?.value;
                             if (newGender === '') {
@@ -5529,15 +5593,15 @@
                             });
                         }
                     } })),
-            React.createElement(core$1.Group, { spacing: 'xs' },
-                React.createElement(core$1.Text, { component: "label", htmlFor: `div-age-${intervalGroup.id}` }, "Age:"),
-                React.createElement("div", { id: `div-age-${intervalGroup.id}` },
-                    React.createElement(RangeInput, { key: `age-${intervalGroup.id}`, name: `age-${intervalGroup.id}`, defaultValue: intervalGroup.filters['age'], onChange: (ageRange) => {
+            e.createElement(core$1.Group, { spacing: 'xs' },
+                e.createElement(core$1.Text, { component: "label", htmlFor: `div-age-${intervalGroup.id}` }, "Age:"),
+                e.createElement("div", { id: `div-age-${intervalGroup.id}` },
+                    e.createElement(RangeInput, { key: `age-${intervalGroup.id}`, name: `age-${intervalGroup.id}`, defaultValue: intervalGroup.filters['age'], onChange: (ageRange) => {
                             for (const interval of intervalGroup.intervals) {
                                 onChange(intervalGroup.id, { ...interval, age: ageRange });
                             }
                         } }))),
-            React.createElement(core$1.NativeSelect, { data: ['', 'pre-puberty', 'follicular', 'midcycle', 'luteal', 'postmenopausal'], label: "Endocrine:", defaultValue: intervalGroup.filters.context?.text || '', onChange: (e) => {
+            e.createElement(core$1.NativeSelect, { data: ['', 'pre-puberty', 'follicular', 'midcycle', 'luteal', 'postmenopausal'], label: "Endocrine:", defaultValue: intervalGroup.filters.context?.text || '', onChange: (e) => {
                     for (const interval of intervalGroup.intervals) {
                         let newEndocrine = e.currentTarget?.value;
                         if (newEndocrine === '') {
@@ -5630,9 +5694,9 @@
     function RequestGroupDisplay(props) {
         const medplum = useMedplum();
         const requestGroup = useResource(props.value);
-        const [startedLoading, setStartedLoading] = React.useState(false);
-        const [responseBundle, setResponseBundle] = React.useState();
-        React.useEffect(() => {
+        const [startedLoading, setStartedLoading] = e.useState(false);
+        const [responseBundle, setResponseBundle] = e.useState();
+        e.useEffect(() => {
             if (requestGroup && !startedLoading) {
                 medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle).catch(console.log);
                 setStartedLoading(true);
@@ -5641,26 +5705,26 @@
         if (!requestGroup || !responseBundle) {
             return null;
         }
-        return (React.createElement(core$1.Grid, null, requestGroup.action?.map((action, index) => {
+        return (e.createElement(core$1.Grid, null, requestGroup.action?.map((action, index) => {
             const task = action.resource && findBundleEntry(action.resource);
             const taskInput = task?.input?.[0]?.valueReference;
             const taskOutput = task?.output?.[0]?.valueReference;
-            return (React.createElement(React.Fragment, { key: `action-${index}` },
-                React.createElement(core$1.Grid.Col, { span: 1, p: "md" }, task?.status === 'completed' ? React.createElement(icons.IconCheckbox, null) : React.createElement(icons.IconSquare, { color: "gray" })),
-                React.createElement(core$1.Grid.Col, { span: 9, p: "xs" },
-                    React.createElement(core$1.Text, { weight: 500 }, action.title),
-                    action.description && React.createElement("div", null, action.description),
-                    React.createElement("div", null,
+            return (e.createElement(e.Fragment, { key: `action-${index}` },
+                e.createElement(core$1.Grid.Col, { span: 1, p: "md" }, task?.status === 'completed' ? e.createElement(GW, null) : e.createElement(RSe, { color: "gray" })),
+                e.createElement(core$1.Grid.Col, { span: 9, p: "xs" },
+                    e.createElement(core$1.Text, { weight: 500 }, action.title),
+                    action.description && e.createElement("div", null, action.description),
+                    e.createElement("div", null,
                         "Last edited by\u00A0",
-                        React.createElement(ResourceName, { value: task?.meta?.author }),
+                        e.createElement(ResourceName, { value: task?.meta?.author }),
                         "\u00A0on\u00A0",
                         core.formatDateTime(task?.meta?.lastUpdated)),
-                    React.createElement("div", null,
+                    e.createElement("div", null,
                         "Status: ",
-                        React.createElement(StatusBadge, { status: task?.status || 'unknown' }))),
-                React.createElement(core$1.Grid.Col, { span: 2, p: "md" },
-                    taskInput && !taskOutput && React.createElement(core$1.Button, { onClick: () => props.onStart(task, taskInput) }, "Start"),
-                    taskInput && taskOutput && (React.createElement(core$1.Button, { onClick: () => props.onEdit(task, taskInput, taskOutput) }, "Edit")))));
+                        e.createElement(StatusBadge, { status: task?.status || 'unknown' }))),
+                e.createElement(core$1.Grid.Col, { span: 2, p: "md" },
+                    taskInput && !taskOutput && e.createElement(core$1.Button, { onClick: () => props.onStart(task, taskInput) }, "Start"),
+                    taskInput && taskOutput && (e.createElement(core$1.Button, { onClick: () => props.onEdit(task, taskInput, taskOutput) }, "Edit")))));
         })));
         function buildBatchRequest(request) {
             const batchEntries = [];
@@ -5920,28 +5984,28 @@
     function ResourceBlame(props) {
         const { classes } = useStyles$2();
         const medplum = useMedplum();
-        const [value, setValue] = React.useState(props.history);
-        React.useEffect(() => {
+        const [value, setValue] = e.useState(props.history);
+        e.useEffect(() => {
             if (!props.history && props.resourceType && props.id) {
                 medplum.readHistory(props.resourceType, props.id).then(setValue).catch(console.log);
             }
         }, [medplum, props.history, props.resourceType, props.id]);
         if (!value) {
-            return React.createElement("div", null, "Loading...");
+            return e.createElement("div", null, "Loading...");
         }
         const resource = value.entry?.[0]?.resource;
         const table = blame(value);
-        return (React.createElement("div", { className: classes.container },
-            React.createElement("table", { className: classes.root },
-                React.createElement("tbody", null, table.map((row, index) => (React.createElement("tr", { key: 'row-' + index, className: row.span > 0 ? classes.startRow : classes.normalRow },
-                    row.span > 0 && (React.createElement(React.Fragment, null,
-                        React.createElement("td", { className: classes.author, rowSpan: row.span },
-                            React.createElement(ResourceBadge, { value: row.meta.author, link: true })),
-                        React.createElement("td", { className: classes.dateTime, rowSpan: row.span },
-                            React.createElement(MedplumLink, { to: getVersionUrl$1(resource, row.meta.versionId) }, getTimeString(row.meta.lastUpdated))))),
-                    React.createElement("td", { className: classes.lineNumber }, index + 1),
-                    React.createElement("td", { className: classes.line },
-                        React.createElement("pre", { className: classes.pre }, row.value)))))))));
+        return (e.createElement("div", { className: classes.container },
+            e.createElement("table", { className: classes.root },
+                e.createElement("tbody", null, table.map((row, index) => (e.createElement("tr", { key: 'row-' + index, className: row.span > 0 ? classes.startRow : classes.normalRow },
+                    row.span > 0 && (e.createElement(e.Fragment, null,
+                        e.createElement("td", { className: classes.author, rowSpan: row.span },
+                            e.createElement(ResourceBadge, { value: row.meta.author, link: true })),
+                        e.createElement("td", { className: classes.dateTime, rowSpan: row.span },
+                            e.createElement(MedplumLink, { to: getVersionUrl$1(resource, row.meta.versionId) }, getTimeString(row.meta.lastUpdated))))),
+                    e.createElement("td", { className: classes.lineNumber }, index + 1),
+                    e.createElement("td", { className: classes.line },
+                        e.createElement("pre", { className: classes.pre }, row.value)))))))));
     }
     function getVersionUrl$1(resource, versionId) {
         return `/${resource.resourceType}/${resource.id}/_history/${versionId}`;
@@ -5993,23 +6057,23 @@
         const original = core.stringify(originalResource, true).match(/[^\r\n]+/g);
         const revised = core.stringify(revisedResource, true).match(/[^\r\n]+/g);
         const deltas = diff(original, revised);
-        return (React.createElement("pre", { style: { color: 'gray' } }, deltas.map((delta, index) => (React.createElement(ChangeDiff, { key: 'delta' + index, delta: delta })))));
+        return (e.createElement("pre", { style: { color: 'gray' } }, deltas.map((delta, index) => (e.createElement(ChangeDiff, { key: 'delta' + index, delta: delta })))));
     }
     function ChangeDiff(props) {
         const { classes } = useStyles$1();
-        return (React.createElement(React.Fragment, null,
+        return (e.createElement(e.Fragment, null,
             "...",
-            React.createElement("br", null),
-            props.delta.original.lines.length > 0 && (React.createElement("div", { className: classes.removed }, props.delta.original.lines.join('\n'))),
-            props.delta.revised.lines.length > 0 && (React.createElement("div", { className: classes.added }, props.delta.revised.lines.join('\n'))),
+            e.createElement("br", null),
+            props.delta.original.lines.length > 0 && (e.createElement("div", { className: classes.removed }, props.delta.original.lines.join('\n'))),
+            props.delta.revised.lines.length > 0 && (e.createElement("div", { className: classes.added }, props.delta.revised.lines.join('\n'))),
             "...",
-            React.createElement("br", null)));
+            e.createElement("br", null)));
     }
 
     function ResourceHistoryTable(props) {
         const medplum = useMedplum();
-        const [value, setValue] = React.useState(props.history);
-        React.useEffect(() => {
+        const [value, setValue] = e.useState(props.history);
+        e.useEffect(() => {
             if (!props.history && props.resourceType && props.id) {
                 medplum
                     .readHistory(props.resourceType, props.id)
@@ -6018,29 +6082,29 @@
             }
         }, [medplum, props.history, props.resourceType, props.id]);
         if (!value) {
-            return React.createElement("div", null, "Loading...");
+            return e.createElement("div", null, "Loading...");
         }
-        return (React.createElement(core$1.Table, { withBorder: true, withColumnBorders: true },
-            React.createElement("thead", null,
-                React.createElement("tr", null,
-                    React.createElement("th", null, "Author"),
-                    React.createElement("th", null, "Date"),
-                    React.createElement("th", null, "Version"))),
-            React.createElement("tbody", null, value.entry?.map((entry, index) => (React.createElement(HistoryRow, { key: 'entry-' + index, entry: entry }))))));
+        return (e.createElement(core$1.Table, { withBorder: true, withColumnBorders: true },
+            e.createElement("thead", null,
+                e.createElement("tr", null,
+                    e.createElement("th", null, "Author"),
+                    e.createElement("th", null, "Date"),
+                    e.createElement("th", null, "Version"))),
+            e.createElement("tbody", null, value.entry?.map((entry, index) => (e.createElement(HistoryRow, { key: 'entry-' + index, entry: entry }))))));
     }
     function HistoryRow(props) {
         const { response, resource } = props.entry;
         if (resource) {
-            return (React.createElement("tr", null,
-                React.createElement("td", null,
-                    React.createElement(ResourceBadge, { value: resource.meta?.author, link: true })),
-                React.createElement("td", null, core.formatDateTime(resource.meta?.lastUpdated)),
-                React.createElement("td", null,
-                    React.createElement(MedplumLink, { to: getVersionUrl(resource) }, resource.meta?.versionId))));
+            return (e.createElement("tr", null,
+                e.createElement("td", null,
+                    e.createElement(ResourceBadge, { value: resource.meta?.author, link: true })),
+                e.createElement("td", null, core.formatDateTime(resource.meta?.lastUpdated)),
+                e.createElement("td", null,
+                    e.createElement(MedplumLink, { to: getVersionUrl(resource) }, resource.meta?.versionId))));
         }
         else {
-            return (React.createElement("tr", null,
-                React.createElement("td", { colSpan: 3 }, core.normalizeErrorString(response?.outcome))));
+            return (e.createElement("tr", null,
+                e.createElement("td", { colSpan: 3 }, core.normalizeErrorString(response?.outcome))));
         }
     }
     function getVersionUrl(resource) {
@@ -6067,14 +6131,14 @@
         const medplum = useMedplum();
         const schedule = useResource(props.schedule);
         const questionnaire = useResource(props.questionnaire);
-        const [slots, setSlots] = React.useState();
-        const slotsRef = React.useRef();
+        const [slots, setSlots] = e.useState();
+        const slotsRef = e.useRef();
         slotsRef.current = slots;
-        const [month, setMonth] = React.useState(getStartMonth());
-        const [date, setDate] = React.useState();
-        const [slot, setSlot] = React.useState();
-        const [response, setResponse] = React.useState();
-        React.useEffect(() => {
+        const [month, setMonth] = e.useState(getStartMonth());
+        const [date, setDate] = e.useState();
+        const [slot, setSlot] = e.useState();
+        const [response, setResponse] = e.useState();
+        e.useEffect(() => {
             if (schedule) {
                 setSlots([]);
                 medplum
@@ -6095,30 +6159,30 @@
             return null;
         }
         const actor = schedule.actor?.[0];
-        return (React.createElement("div", { className: classes.container, "data-testid": "scheduler" },
-            React.createElement("div", { className: classes.info },
-                actor && React.createElement(ResourceAvatar, { value: actor, size: "xl" }),
-                actor && (React.createElement(core$1.Text, { size: "xl", weight: 500 },
-                    React.createElement(ResourceName, { value: actor }))),
-                React.createElement("p", null, "1 hour"),
-                date && React.createElement("p", null, date.toLocaleDateString()),
-                slot && React.createElement("p", null, formatTime(new Date(slot.start)))),
-            React.createElement("div", { className: classes.selection },
-                !date && (React.createElement("div", null,
-                    React.createElement("h3", null, "Select date"),
-                    React.createElement(CalendarInput, { slots: slots, onChangeMonth: setMonth, onClick: setDate }))),
-                date && !slot && (React.createElement("div", null,
-                    React.createElement("h3", null, "Select time"),
-                    React.createElement(core$1.Stack, null, slots.map((s) => {
+        return (e.createElement("div", { className: classes.container, "data-testid": "scheduler" },
+            e.createElement("div", { className: classes.info },
+                actor && e.createElement(ResourceAvatar, { value: actor, size: "xl" }),
+                actor && (e.createElement(core$1.Text, { size: "xl", weight: 500 },
+                    e.createElement(ResourceName, { value: actor }))),
+                e.createElement("p", null, "1 hour"),
+                date && e.createElement("p", null, date.toLocaleDateString()),
+                slot && e.createElement("p", null, formatTime(new Date(slot.start)))),
+            e.createElement("div", { className: classes.selection },
+                !date && (e.createElement("div", null,
+                    e.createElement("h3", null, "Select date"),
+                    e.createElement(CalendarInput, { slots: slots, onChangeMonth: setMonth, onClick: setDate }))),
+                date && !slot && (e.createElement("div", null,
+                    e.createElement("h3", null, "Select time"),
+                    e.createElement(core$1.Stack, null, slots.map((s) => {
                         const slotStart = new Date(s.start);
                         return (slotStart.getTime() > date.getTime() &&
-                            slotStart.getTime() < date.getTime() + 24 * 3600 * 1000 && (React.createElement("div", { key: s.id },
-                            React.createElement(core$1.Button, { variant: "outline", style: { width: 150 }, onClick: () => setSlot(s) }, formatTime(slotStart)))));
+                            slotStart.getTime() < date.getTime() + 24 * 3600 * 1000 && (e.createElement("div", { key: s.id },
+                            e.createElement(core$1.Button, { variant: "outline", style: { width: 150 }, onClick: () => setSlot(s) }, formatTime(slotStart)))));
                     })))),
-                date && slot && !response && (React.createElement(QuestionnaireForm, { questionnaire: questionnaire, submitButtonText: 'Next', onSubmit: setResponse })),
-                date && slot && response && (React.createElement("div", null,
-                    React.createElement("h3", null, "You're all set!"),
-                    React.createElement("p", null, "Check your email for a calendar invite."))))));
+                date && slot && !response && (e.createElement(QuestionnaireForm, { questionnaire: questionnaire, submitButtonText: 'Next', onSubmit: setResponse })),
+                date && slot && response && (e.createElement("div", null,
+                    e.createElement("h3", null, "You're all set!"),
+                    e.createElement("p", null, "Check your email for a calendar invite."))))));
     }
     function getStart(month) {
         return formatSlotInstant(month.getTime());
@@ -6134,7 +6198,7 @@
     }
 
     function ServiceRequestTimeline(props) {
-        return (React.createElement(ResourceTimeline, { value: props.serviceRequest, loadTimelineResources: async (medplum, resource) => {
+        return (e.createElement(ResourceTimeline, { value: props.serviceRequest, loadTimelineResources: async (medplum, resource) => {
                 return Promise.all([
                     medplum.readHistory('ServiceRequest', resource.id),
                     medplum.search('Communication', 'based-on=' + core.getReferenceString(resource)),
@@ -6294,6 +6358,7 @@
     exports.toggleSort = toggleSort;
     exports.useMedplum = useMedplum;
     exports.useMedplumContext = useMedplumContext;
+    exports.useMedplumNavigate = useMedplumNavigate;
     exports.useMedplumProfile = useMedplumProfile;
     exports.useResource = useResource;