vintasend 0.4.0 → 0.4.7

package/dist/examples/vintasend-medplum-example/src/components/PerformingLabInput.tsx

@@ -0,0 +1,52 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { getDisplayString, getReferenceString } from '@medplum/core';
+import type { Patient, Resource } from '@medplum/fhirtypes';
+import type { LabOrderInputErrors, LabOrganization } from '@medplum/health-gorilla-core';
+import { useHealthGorillaLabOrderContext } from '@medplum/health-gorilla-react';
+import { AsyncAutocomplete } from '@medplum/react';
+import type { AsyncAutocompleteOption } from '@medplum/react';
+import { useEffect } from 'react';
+import type { JSX } from 'react';
+
+export type PractitionerInputProps = {
+  patient: Patient | undefined;
+  performingLab?: LabOrganization | undefined;
+  error?: NonNullable<LabOrderInputErrors['performingLab']>;
+};
+
+export function PerformingLabInput({ patient, performingLab, error }: PractitionerInputProps): JSX.Element {
+  const { searchAvailableLabs, setPerformingLab } = useHealthGorillaLabOrderContext();
+  useEffect(() => {
+    if (performingLab) {
+      setPerformingLab(performingLab);
+    }
+  }, [performingLab, setPerformingLab]);
+  return (
+    <AsyncAutocomplete<LabOrganization>
+      required
+      error={error?.message}
+      label="Performing lab"
+      disabled={!patient}
+      maxValues={1}
+      defaultValue={performingLab}
+      loadOptions={searchAvailableLabs}
+      toOption={resourceToOption}
+      onChange={(item) => {
+        if (item.length > 0) {
+          setPerformingLab(item[0]);
+        } else {
+          setPerformingLab(undefined);
+        }
+      }}
+    />
+  );
+}
+
+function resourceToOption<T extends Resource>(resource: T): AsyncAutocompleteOption<T> {
+  return {
+    value: getReferenceString(resource) ?? '',
+    label: getDisplayString(resource),
+    resource,
+  };
+}

package/dist/examples/vintasend-medplum-example/src/components/ResourceFormWithRequiredProfile.tsx

@@ -0,0 +1,82 @@
+// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
+// SPDX-License-Identifier: Apache-2.0
+import { Alert } from '@mantine/core';
+import { addProfileToResource, normalizeErrorString, tryGetProfile } from '@medplum/core';
+import type { InternalTypeSchema } from '@medplum/core';
+import type { Resource } from '@medplum/fhirtypes';
+import { Loading, ResourceForm, useMedplum } from '@medplum/react';
+import type { ResourceFormProps } from '@medplum/react';
+import { IconAlertCircle } from '@tabler/icons-react';
+import { useCallback, useEffect, useState } from 'react';
+import type { JSX, ReactNode } from 'react';
+
+interface ResourceFormWithRequiredProfileProps extends ResourceFormProps {
+  /** (optional) If specified, an error is shown in place of `ResourceForm` if the profile cannot be loaded.  */
+  readonly profileUrl?: string; // Also part of ResourceFormProps, but list here incase its type changes in the future
+  /** (optiona) A short error message to show if `profileUrl` cannot be found. */
+  readonly missingProfileMessage?: ReactNode;
+}
+
+export function ResourceFormWithRequiredProfile(props: ResourceFormWithRequiredProfileProps): JSX.Element {
+  const { missingProfileMessage, onSubmit, ...resourceFormProps } = props;
+  const profileUrl = props.profileUrl;
+
+  const medplum = useMedplum();
+  const [loadingProfile, setLoadingProfile] = useState(true);
+  const [profileError, setProfileError] = useState<any>();
+  const [profile, setProfile] = useState<InternalTypeSchema>();
+
+  useEffect(() => {
+    if (!profileUrl) {
+      return;
+    }
+
+    medplum
+      .requestProfileSchema(profileUrl, { expandProfile: true })
+      .finally(() => setLoadingProfile(false))
+      .then(() => {
+        const resourceProfile = tryGetProfile(profileUrl);
+        if (resourceProfile) {
+          setProfile(resourceProfile);
+        }
+      })
+      .catch((reason) => {
+        console.error(reason);
+        setProfileError(reason);
+      });
+  }, [medplum, profileUrl]);
+
+  const handleSubmit = useCallback(
+    (newResource: Resource): void => {
+      if (!onSubmit) {
+        return;
+      }
+      if (profileUrl) {
+        addProfileToResource(newResource, profileUrl);
+      }
+      onSubmit(newResource);
+    },
+    [onSubmit, profileUrl]
+  );
+
+  if (profileUrl && loadingProfile) {
+    return <Loading />;
+  }
+
+  if (profileUrl && !profile) {
+    const errorContent = (
+      <>
+        {missingProfileMessage && <p>{missingProfileMessage}</p>}
+        {profileError && <p>Server error: {normalizeErrorString(profileError)}</p>}
+      </>
+    );
+
+    return (
+      <Alert icon={<IconAlertCircle size={16} />} title="Not found" color="red">
+        {errorContent}
+      </Alert>
+    );
+  }
+
+  return <ResourceForm onSubmit={handleSubmit} {...resourceFormProps} />;
+}