@medplum/react 2.0.9 → 2.0.11

package/dist/cjs/index.cjs

@@ -1285,10 +1285,17 @@
         const medplum = useMedplum();
         const [outcome, setOutcome] = React.useState();
         const issues = getIssuesForExpression(outcome, undefined);
-        React.useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
+        React.useEffect(() => {
+            if (recaptchaSiteKey) {
+                initRecaptcha(recaptchaSiteKey);
+            }
+        }, [recaptchaSiteKey]);
         return (React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: async (formData) => {
                 try {
-                    const recaptchaToken = await getRecaptcha(recaptchaSiteKey);
+                    let recaptchaToken = '';
+                    if (recaptchaSiteKey) {
+                        recaptchaToken = await getRecaptcha(recaptchaSiteKey);
+                    }
                     props.handleAuthResponse(await medplum.startNewUser({
                         projectId: props.projectId,
                         firstName: formData.firstName,
@@ -1792,6 +1799,9 @@
             React.createElement(ResourcePropertyDisplay, { arrayElement: true, property: property, propertyType: propertyType, value: v, ignoreMissingValues: props.ignoreMissingValues, link: props.link }))))));
     }
 
+    /**
+     * Low-level component that renders a property from a given resource, given type information
+     */
     function ResourcePropertyDisplay(props) {
         const { property, propertyType, value } = props;
         if (property?.max === '*' && !props.arrayElement) {
@@ -2059,6 +2069,9 @@
             display: input,
         };
     }
+    /**
+     * A low-level component to autocomplete based on a FHIR Valueset.
+     */
     function ValueSetAutocomplete(props) {
         const medplum = useMedplum();
         const { elementDefinition, ...rest } = props;
@@ -2290,7 +2303,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 (React.createElement(core$1.JsonInput, { id: props.name, name: props.name, "data-testid": "extension-input", defaultValue: core.stringify(props.defaultValue), deserialize: JSON.parse, onChange: (newValue) => {
                 if (props.onChange) {
                     props.onChange(JSON.parse(newValue));
                 }
@@ -2335,11 +2348,11 @@
             });
         }
         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) })));
+            React.createElement(core$1.NativeSelect, { defaultValue: value?.use, name: props.name + '-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", name: props.name + '-prefix', defaultValue: value?.prefix?.join(' '), onChange: (e) => setPrefix(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { placeholder: "Given", name: props.name + '-given', defaultValue: value?.given?.join(' '), onChange: (e) => setGiven(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { name: props.name + '-family', placeholder: "Family", defaultValue: value?.family, onChange: (e) => setFamily(e.currentTarget.value) }),
+            React.createElement(core$1.TextInput, { placeholder: "Suffix", name: props.name + '-suffix', defaultValue: value?.suffix?.join(' '), onChange: (e) => setSuffix(e.currentTarget.value) })));
     }
 
     function IdentifierInput(props) {
@@ -3053,6 +3066,11 @@
         return (React.createElement(core$1.Stack, { justify: "flex-start", spacing: "xs" }, value.map((note, index) => note.text && (React.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)))));
     }
 
+    /**
+     * Renders the name of a resource, given either the resource itself or a reference to the resource.
+     * @param props
+     * @returns
+     */
     function ResourceName(props) {
         const { value, link, ...rest } = props;
         const [outcome, setOutcome] = React.useState();
@@ -3757,7 +3775,7 @@
         return `Uploaded: ${formatFileSize(e.loaded)}`;
     }
     function formatFileSize(bytes) {
-        if (bytes == 0) {
+        if (bytes === 0) {
             return '0.00 B';
         }
         const e = Math.floor(Math.log(bytes) / Math.log(1024));
@@ -6158,7 +6176,7 @@
             setIntervalGroups((groups) => {
                 groups = [...groups];
                 const currentGroupIndex = groups.findIndex((g) => g.id === groupId);
-                if (currentGroupIndex != -1) {
+                if (currentGroupIndex !== -1) {
                     const currentGroup = { ...groups[currentGroupIndex] };
                     addedInterval = { ...addedInterval, ...currentGroup.filters };
                     currentGroup.intervals = [...currentGroup.intervals, addedInterval];