@medplum/react 0.9.25 → 0.9.26

package/dist/esm/HeaderSearchInput.js

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

package/dist/esm/HeaderSearchInput.js.map

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

package/dist/esm/HumanNameDisplay.js

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

package/dist/esm/HumanNameDisplay.js.map

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

package/dist/esm/HumanNameInput.js

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

package/dist/esm/HumanNameInput.js.map

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

package/dist/esm/IdentifierDisplay.js

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

package/dist/esm/IdentifierDisplay.js.map

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

package/dist/esm/IdentifierInput.js

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

package/dist/esm/IdentifierInput.js.map

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

package/dist/esm/Input.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { getIssuesForExpression } from './utils/outcomes.js';
+
+function Input(props) {
+    const className = 'medplum-input';
+    const issues = getIssuesForExpression(props.outcome, props.name);
+    const invalid = issues && issues.length > 0;
+    return (React.createElement("input", { id: props.name, name: props.name, type: getInputType(props.type), size: props.size, step: props.step, className: className, style: props.style, defaultValue: props.defaultValue || '', required: props.required, autoCapitalize: props.autoCapitalize, autoComplete: props.autoComplete, autoFocus: props.autoFocus, ref: props.inputRef, "aria-invalid": invalid, "aria-describedby": invalid ? props.name + '-errors' : '', placeholder: props.placeholder, "data-testid": props.testid, disabled: props.disabled, onChange: (e) => {
+            if (props.onChange) {
+                props.onChange(e.currentTarget.value);
+            }
+        } }));
+}
+/**
+ * Returns the input type for the requested type.
+ * JSDOM does not support many of the valid <input> type attributes.
+ * For example, it won't fire change events for <input type="datetime-local">.
+ * @param requestedType The optional type as requested by the parent component.
+ */
+function getInputType(requestedType) {
+    const result = requestedType || 'text';
+    return result;
+}
+
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/esm/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../src/Input.tsx"],"sourcesContent":["import { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { RefObject } from 'react';\nimport { getIssuesForExpression } from './utils/outcomes';\nimport './Input.css';\n\nexport interface InputProps {\n  name?: string;\n  type?: string;\n  size?: number;\n  step?: number | 'any';\n  style?: React.CSSProperties;\n  defaultValue?: string | number;\n  required?: boolean;\n  autoCapitalize?: string;\n  autoComplete?: string;\n  autoFocus?: boolean;\n  inputRef?: RefObject<HTMLInputElement>;\n  outcome?: OperationOutcome;\n  placeholder?: string;\n  testid?: string;\n  disabled?: boolean;\n  onChange?: (newValue: string) => void;\n}\n\nexport function Input(props: InputProps): JSX.Element {\n  const className = 'medplum-input';\n  const issues = getIssuesForExpression(props.outcome, props.name);\n  const invalid = issues && issues.length > 0;\n  return (\n    <input\n      id={props.name}\n      name={props.name}\n      type={getInputType(props.type)}\n      size={props.size}\n      step={props.step}\n      className={className}\n      style={props.style}\n      defaultValue={props.defaultValue || ''}\n      required={props.required}\n      autoCapitalize={props.autoCapitalize}\n      autoComplete={props.autoComplete}\n      autoFocus={props.autoFocus}\n      ref={props.inputRef}\n      aria-invalid={invalid}\n      aria-describedby={invalid ? props.name + '-errors' : ''}\n      placeholder={props.placeholder}\n      data-testid={props.testid}\n      disabled={props.disabled}\n      onChange={(e) => {\n        if (props.onChange) {\n          props.onChange(e.currentTarget.value);\n        }\n      }}\n    />\n  );\n}\n\n/**\n * Returns the input type for the requested type.\n * JSDOM does not support many of the valid <input> type attributes.\n * For example, it won't fire change events for <input type=\"datetime-local\">.\n * @param requestedType The optional type as requested by the parent component.\n */\nfunction getInputType(requestedType: string | undefined): string {\n  const result = requestedType || 'text';\n  return process.env.NODE_ENV === 'test' ? result.replace(/datetime-local|date/, 'text') : result;\n}\n"],"names":[],"mappings":";;;AAwBM,SAAU,KAAK,CAAC,KAAiB,EAAA;IACrC,MAAM,SAAS,GAAG,eAAe,CAAC;AAClC,IAAA,MAAM,MAAM,GAAG,sBAAsB,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IACjE,MAAM,OAAO,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5C,QACE,KACE,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,EAAE,EACtC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAA,cAAA,EACL,OAAO,EAAA,kBAAA,EACH,OAAO,GAAG,KAAK,CAAC,IAAI,GAAG,SAAS,GAAG,EAAE,EACvD,WAAW,EAAE,KAAK,CAAC,WAAW,EACjB,aAAA,EAAA,KAAK,CAAC,MAAM,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,CAAC,CAAC,KAAI;YACd,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AACvC,aAAA;SACF,EAAA,CACD,EACF;AACJ,CAAC;AAED;;;;;AAKG;AACH,SAAS,YAAY,CAAC,aAAiC,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,aAAa,IAAI,MAAM,CAAC;IACvC,OAAyF,MAAM,CAAC;AAClG;;;;"}

package/dist/esm/InputRow.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+function InputRow(props) {
+    return (React.createElement("div", { className: "medplum-input-row", style: { justifyContent: props.justifyContent } }, props.children));
+}
+
+export { InputRow };
+//# sourceMappingURL=InputRow.js.map

package/dist/esm/InputRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputRow.js","sources":["../../src/InputRow.tsx"],"sourcesContent":["import React from 'react';\nimport './InputRow.css';\n\nexport interface InputRowProps {\n  justifyContent?: string;\n  children: React.ReactNode;\n}\n\nexport function InputRow(props: InputRowProps): JSX.Element {\n  return (\n    <div className=\"medplum-input-row\" style={{ justifyContent: props.justifyContent }}>\n      {props.children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAQM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,QACE,6BAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,EAAA,EAC/E,KAAK,CAAC,QAAQ,CACX,EACN;AACJ;;;;"}

package/dist/esm/Loading.js

@@ -0,0 +1,11 @@
+import React from 'react';
+
+function Loading() {
+    return (React.createElement("div", { role: "progressbar", "aria-busy": "true", className: "medplum-loading" },
+        React.createElement("div", { className: "medplum-loading-container" },
+            React.createElement("svg", { className: "medplum-loading-spinner", viewBox: "0 0 100 100" },
+                React.createElement("circle", { cx: "50", cy: "50", r: "40" })))));
+}
+
+export { Loading };
+//# sourceMappingURL=Loading.js.map

package/dist/esm/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","sources":["../../src/Loading.tsx"],"sourcesContent":["import React from 'react';\nimport './Loading.css';\n\nexport function Loading(): JSX.Element {\n  return (\n    <div role=\"progressbar\" aria-busy=\"true\" className=\"medplum-loading\">\n      <div className=\"medplum-loading-container\">\n        <svg className=\"medplum-loading-spinner\" viewBox=\"0 0 100 100\">\n          <circle cx=\"50\" cy=\"50\" r=\"40\" />\n        </svg>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;SAGgB,OAAO,GAAA;IACrB,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,IAAI,EAAC,aAAa,eAAW,MAAM,EAAC,SAAS,EAAC,iBAAiB,EAAA;QAClE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,2BAA2B,EAAA;AACxC,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,aAAa,EAAA;AAC5D,gBAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAQ,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAG,CAAA,CAC7B,CACF,CACF,EACN;AACJ;;;;"}

package/dist/esm/Logo.js

@@ -0,0 +1,14 @@
+import React from 'react';
+
+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 || '#654b87', 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 || '#463068', 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 || '#70d65b', d: "M207 220a176 176 0 01-177 43A176 176 0 01251 43l1 5c17 59 2 125-45 172z" }),
+        React.createElement("path", { fill: props.fill || '#58b741', d: "M252 48A421 421 0 0057 270l-27-7A176 176 0 01251 43l1 5z" })));
+}
+
+export { Logo };
+//# sourceMappingURL=Logo.js.map

package/dist/esm/Logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logo.js","sources":["../../src/Logo.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface LogoProps {\n  size: number;\n  fill?: string;\n}\n\nexport function Logo(props: LogoProps): JSX.Element {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 491 491\" style={{ width: props.size, height: props.size }}>\n      <title>Medplum Logo</title>\n      <path fill={props.fill || '#ad7136'} d=\"M282 67c6-16 16-29 29-40L289 0c-22 17-37 41-43 68l17 23 19-24z\" />\n      <path\n        fill={props.fill || '#654b87'}\n        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\"\n      />\n      <path\n        fill={props.fill || '#463068'}\n        d=\"M231 489l-17 2c-87 0-158-96-158-214S127 63 214 63l17 1c-39 12-70 102-70 213s31 201 70 212z\"\n      />\n      <path\n        fill={props.fill || '#70d65b'}\n        d=\"M207 220a176 176 0 01-177 43A176 176 0 01251 43l1 5c17 59 2 125-45 172z\"\n      />\n      <path fill={props.fill || '#58b741'} d=\"M252 48A421 421 0 0057 270l-27-7A176 176 0 01251 43l1 5z\" />\n    </svg>\n  );\n}\n"],"names":[],"mappings":";;AAOM,SAAU,IAAI,CAAC,KAAgB,EAAA;IACnC,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,EAAE,EAAA;QAC5G,KAA2B,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA,EAAA,cAAA,CAAA;QAC3B,KAAM,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,EAAC,gEAAgE,EAAG,CAAA;QAC1G,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,EAC7B,CAAC,EAAC,kJAAkJ,EACpJ,CAAA;QACF,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,EAC7B,CAAC,EAAC,4FAA4F,EAC9F,CAAA;QACF,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,EAC7B,CAAC,EAAC,yEAAyE,EAC3E,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EAAM,IAAI,EAAE,KAAK,CAAC,IAAI,IAAI,SAAS,EAAE,CAAC,EAAC,0DAA0D,EAAG,CAAA,CAChG,EACN;AACJ;;;;"}

package/dist/esm/MedplumLink.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { useNavigate } from 'react-router-dom';
+import { killEvent } from './utils/dom.js';
+
+function MedplumLink(props) {
+    const navigate = useNavigate();
+    let href = '#';
+    if (props.to) {
+        if (typeof props.to === 'string') {
+            href = props.to;
+        }
+        else if ('resourceType' in props.to) {
+            href = `/${props.to.resourceType}/${props.to.id}`;
+        }
+        else if ('reference' in props.to) {
+            href = `/${props.to.reference}`;
+        }
+        if (props.suffix) {
+            href += '/' + props.suffix;
+        }
+    }
+    return (React.createElement("a", { href: href, id: props.id, "aria-label": props.label, "data-testid": props.testid || 'link', className: props.className, onClick: (e) => {
+            killEvent(e);
+            if (props.onClick) {
+                props.onClick();
+            }
+            else if (props.to) {
+                navigate(href);
+            }
+        } }, props.children));
+}
+
+export { MedplumLink };
+//# sourceMappingURL=MedplumLink.js.map

package/dist/esm/MedplumLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MedplumLink.js","sources":["../../src/MedplumLink.tsx"],"sourcesContent":["import { Reference, Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { useNavigate } from 'react-router-dom';\nimport { killEvent } from './utils/dom';\n\nexport interface MedplumLinkProps {\n  to?: Resource | Reference | string;\n  suffix?: string;\n  label?: string;\n  id?: string;\n  testid?: string;\n  className?: string;\n  onClick?: () => void;\n  children: React.ReactNode;\n}\n\nexport function MedplumLink(props: MedplumLinkProps): JSX.Element {\n  const navigate = useNavigate();\n\n  let href = '#';\n  if (props.to) {\n    if (typeof props.to === 'string') {\n      href = props.to;\n    } else if ('resourceType' in props.to) {\n      href = `/${props.to.resourceType}/${props.to.id}`;\n    } else if ('reference' in props.to) {\n      href = `/${props.to.reference}`;\n    }\n\n    if (props.suffix) {\n      href += '/' + props.suffix;\n    }\n  }\n\n  return (\n    <a\n      href={href}\n      id={props.id}\n      aria-label={props.label}\n      data-testid={props.testid || 'link'}\n      className={props.className}\n      onClick={(e: React.SyntheticEvent) => {\n        killEvent(e);\n        if (props.onClick) {\n          props.onClick();\n        } else if (props.to) {\n          navigate(href);\n        }\n      }}\n    >\n      {props.children}\n    </a>\n  );\n}\n"],"names":[],"mappings":";;;;AAgBM,SAAU,WAAW,CAAC,KAAuB,EAAA;AACjD,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,IAAI,GAAG,GAAG,CAAC;IACf,IAAI,KAAK,CAAC,EAAE,EAAE;AACZ,QAAA,IAAI,OAAO,KAAK,CAAC,EAAE,KAAK,QAAQ,EAAE;AAChC,YAAA,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC;AACjB,SAAA;AAAM,aAAA,IAAI,cAAc,IAAI,KAAK,CAAC,EAAE,EAAE;AACrC,YAAA,IAAI,GAAG,CAAA,CAAA,EAAI,KAAK,CAAC,EAAE,CAAC,YAAY,CAAI,CAAA,EAAA,KAAK,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC;AACnD,SAAA;AAAM,aAAA,IAAI,WAAW,IAAI,KAAK,CAAC,EAAE,EAAE;YAClC,IAAI,GAAG,IAAI,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC;AACjC,SAAA;QAED,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,YAAA,IAAI,IAAI,GAAG,GAAG,KAAK,CAAC,MAAM,CAAC;AAC5B,SAAA;AACF,KAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EACE,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,KAAK,CAAC,EAAE,EACA,YAAA,EAAA,KAAK,CAAC,KAAK,EAAA,aAAA,EACV,KAAK,CAAC,MAAM,IAAI,MAAM,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,OAAO,EAAE,CAAC,CAAuB,KAAI;YACnC,SAAS,CAAC,CAAC,CAAC,CAAC;YACb,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,KAAK,CAAC,OAAO,EAAE,CAAC;AACjB,aAAA;iBAAM,IAAI,KAAK,CAAC,EAAE,EAAE;gBACnB,QAAQ,CAAC,IAAI,CAAC,CAAC;AAChB,aAAA;AACH,SAAC,IAEA,KAAK,CAAC,QAAQ,CACb,EACJ;AACJ;;;;"}

package/dist/esm/MedplumProvider.js

@@ -0,0 +1,50 @@
+import React, { createContext, useState, useEffect, useContext } from 'react';
+
+const reactContext = createContext(undefined);
+/**
+ * The MedplumProvider component provides Medplum context state.
+ *
+ * Medplum context includes:
+ *   1) medplum - Medplum client library
+ *   2) profile - The current user profile (if signed in)
+ */
+function MedplumProvider(props) {
+    const medplum = props.medplum;
+    const [state, setState] = useState({
+        profile: medplum.getProfile(),
+        loading: false,
+    });
+    useEffect(() => {
+        function eventListener() {
+            setState(Object.assign(Object.assign({}, state), { profile: medplum.getProfile() }));
+        }
+        medplum.addEventListener('change', eventListener);
+        return () => medplum.removeEventListeneer('change', eventListener);
+    }, [medplum, state]);
+    const medplumContext = Object.assign(Object.assign({}, state), { medplum });
+    return React.createElement(reactContext.Provider, { value: medplumContext }, props.children);
+}
+/**
+ * Returns the MedplumContext instance.
+ */
+function useMedplumContext() {
+    return useContext(reactContext);
+}
+/**
+ * Returns the MedplumClient instance.
+ * This is a shortcut for useMedplumContext().medplum.
+ */
+function useMedplum() {
+    return useMedplumContext().medplum;
+}
+/**
+ * Returns the current Medplum user profile (if signed in).
+ * This is a shortcut for useMedplumContext().profile.
+ * @returns The current user profile.
+ */
+function useMedplumProfile() {
+    return useMedplumContext().profile;
+}
+
+export { MedplumProvider, useMedplum, useMedplumContext, useMedplumProfile };
+//# sourceMappingURL=MedplumProvider.js.map

package/dist/esm/MedplumProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MedplumProvider.js","sources":["../../src/MedplumProvider.tsx"],"sourcesContent":["import { MedplumClient, ProfileResource } from '@medplum/core';\nimport React, { createContext, useContext, useEffect, useState } from 'react';\n\nconst reactContext = createContext(undefined as MedplumContext | undefined);\n\nexport interface MedplumProviderProps {\n  medplum: MedplumClient;\n  children: React.ReactNode;\n}\n\nexport interface MedplumContext {\n  medplum: MedplumClient;\n  profile?: ProfileResource;\n  loading: boolean;\n}\n\n/**\n * The MedplumProvider component provides Medplum context state.\n *\n * Medplum context includes:\n *   1) medplum - Medplum client library\n *   2) profile - The current user profile (if signed in)\n */\nexport function MedplumProvider(props: MedplumProviderProps): JSX.Element {\n  const medplum = props.medplum;\n\n  const [state, setState] = useState({\n    profile: medplum.getProfile(),\n    loading: false,\n  });\n\n  useEffect(() => {\n    function eventListener(): void {\n      setState({\n        ...state,\n        profile: medplum.getProfile(),\n      });\n    }\n\n    medplum.addEventListener('change', eventListener);\n    return () => medplum.removeEventListeneer('change', eventListener);\n  }, [medplum, state]);\n\n  const medplumContext = {\n    ...state,\n    medplum,\n  };\n\n  return <reactContext.Provider value={medplumContext}>{props.children}</reactContext.Provider>;\n}\n\n/**\n * Returns the MedplumContext instance.\n */\nexport function useMedplumContext(): MedplumContext {\n  return useContext(reactContext) as MedplumContext;\n}\n\n/**\n * Returns the MedplumClient instance.\n * This is a shortcut for useMedplumContext().medplum.\n */\nexport function useMedplum(): MedplumClient {\n  return useMedplumContext().medplum;\n}\n\n/**\n * Returns the current Medplum user profile (if signed in).\n * This is a shortcut for useMedplumContext().profile.\n * @returns The current user profile.\n */\nexport function useMedplumProfile(): ProfileResource | undefined {\n  return useMedplumContext().profile;\n}\n"],"names":[],"mappings":";;AAGA,MAAM,YAAY,GAAG,aAAa,CAAC,SAAuC,CAAC,CAAC;AAa5E;;;;;;AAMG;AACG,SAAU,eAAe,CAAC,KAA2B,EAAA;AACzD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AAE9B,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC;AACjC,QAAA,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE;AAC7B,QAAA,OAAO,EAAE,KAAK;AACf,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACb,QAAA,SAAS,aAAa,GAAA;YACpB,QAAQ,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACH,KAAK,CAAA,EAAA,EACR,OAAO,EAAE,OAAO,CAAC,UAAU,EAAE,EAAA,CAAA,CAC7B,CAAC;SACJ;AAED,QAAA,OAAO,CAAC,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;QAClD,OAAO,MAAM,OAAO,CAAC,oBAAoB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;AACrE,KAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;AAErB,IAAA,MAAM,cAAc,GACf,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,OAAO,GACR,CAAC;AAEF,IAAA,OAAO,KAAC,CAAA,aAAA,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,cAAc,EAAG,EAAA,KAAK,CAAC,QAAQ,CAAyB,CAAC;AAChG,CAAC;AAED;;AAEG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,UAAU,CAAC,YAAY,CAAmB,CAAC;AACpD,CAAC;AAED;;;AAGG;SACa,UAAU,GAAA;AACxB,IAAA,OAAO,iBAAiB,EAAE,CAAC,OAAO,CAAC;AACrC,CAAC;AAED;;;;AAIG;SACa,iBAAiB,GAAA;AAC/B,IAAA,OAAO,iBAAiB,EAAE,CAAC,OAAO,CAAC;AACrC;;;;"}

package/dist/esm/MenuItem.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+function MenuItem(props) {
+    return (React.createElement("div", { className: "medplum-menu-item", onClick: () => props.onClick(), "aria-label": props.label }, props.children));
+}
+
+export { MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/dist/esm/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sources":["../../src/MenuItem.tsx"],"sourcesContent":["import React from 'react';\nimport './MenuItem.css';\n\ninterface MenuItemProps {\n  onClick: () => void;\n  label?: string;\n  children: React.ReactNode;\n}\n\nexport function MenuItem(props: MenuItemProps): JSX.Element {\n  return (\n    <div className=\"medplum-menu-item\" onClick={() => props.onClick()} aria-label={props.label}>\n      {props.children}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AASM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,mBAAmB,EAAC,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,EAAc,YAAA,EAAA,KAAK,CAAC,KAAK,EACvF,EAAA,KAAK,CAAC,QAAQ,CACX,EACN;AACJ;;;;"}

package/dist/esm/MenuSeparator.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+function MenuSeparator() {
+    return React.createElement("div", { className: "medplum-menu-separator" });
+}
+
+export { MenuSeparator };
+//# sourceMappingURL=MenuSeparator.js.map

package/dist/esm/MenuSeparator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSeparator.js","sources":["../../src/MenuSeparator.tsx"],"sourcesContent":["import React from 'react';\nimport './MenuSeparator.css';\n\nexport function MenuSeparator(): JSX.Element {\n  return <div className=\"medplum-menu-separator\" />;\n}\n"],"names":[],"mappings":";;SAGgB,aAAa,GAAA;AAC3B,IAAA,OAAO,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,GAAG,CAAC;AACpD;;;;"}

package/dist/esm/PatientTimeline.js

@@ -0,0 +1,40 @@
+import { getReferenceString, createReference } from '@medplum/core';
+import React from 'react';
+import { ResourceTimeline } from './ResourceTimeline.js';
+
+const searches = [
+    '$/_history',
+    'Communication?subject=$',
+    'Device?patient=$',
+    'DeviceRequest?patient=$',
+    'DiagnosticReport?subject=$',
+    'Media?subject=$',
+    'ServiceRequest?subject=$',
+];
+function PatientTimeline(props) {
+    return (React.createElement(ResourceTimeline, { value: props.patient, buildSearchRequests: (resource) => ({
+            resourceType: 'Bundle',
+            type: 'batch',
+            entry: searches.map((search) => ({
+                request: {
+                    method: 'GET',
+                    url: search.replaceAll('$', getReferenceString(resource)),
+                },
+            })),
+        }), createCommunication: (resource, sender, text) => ({
+            resourceType: 'Communication',
+            subject: createReference(resource),
+            sender: createReference(sender),
+            sent: new Date().toISOString(),
+            payload: [{ contentString: text }],
+        }), createMedia: (resource, operator, content) => ({
+            resourceType: 'Media',
+            subject: createReference(resource),
+            operator: createReference(operator),
+            issued: new Date().toISOString(),
+            content,
+        }) }));
+}
+
+export { PatientTimeline };
+//# sourceMappingURL=PatientTimeline.js.map