@medplum/react 0.9.25 → 0.9.26

package/dist/esm/AddressDisplay.js

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

package/dist/esm/AddressDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressDisplay.js","sources":["../../src/AddressDisplay.tsx"],"sourcesContent":["import { formatAddress } from '@medplum/core';\nimport { Address } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface AddressDisplayProps {\n  value?: Address;\n}\n\nexport function AddressDisplay(props: AddressDisplayProps): JSX.Element | null {\n  const address = props.value;\n  if (!address) {\n    return null;\n  }\n\n  return <>{formatAddress(address)}</>;\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,cAAc,CAAC,KAA0B,EAAA;AACvD,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,KAAK,CAAC;IAC5B,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,OAAO,0CAAG,aAAa,CAAC,OAAO,CAAC,CAAI,CAAC;AACvC;;;;"}

package/dist/esm/AddressInput.js

@@ -0,0 +1,69 @@
+import React, { useState, useRef } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+import { Select } from './Select.js';
+
+function getLine(address, index) {
+    return address && address.line && address.line.length > index ? address.line[index] : '';
+}
+function setLine(address, index, str) {
+    const line = address.line || [];
+    while (line.length <= index) {
+        line.push('');
+    }
+    line[index] = str;
+    return Object.assign(Object.assign({}, address), { line });
+}
+function AddressInput(props) {
+    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 }));
+    }
+    function setType(type) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { type }));
+    }
+    function setLine1(line1) {
+        setValueWrapper(setLine(valueRef.current || {}, 0, line1));
+    }
+    function setLine2(line2) {
+        setValueWrapper(setLine(valueRef.current || {}, 1, line2));
+    }
+    function setCity(city) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { city }));
+    }
+    function setState(state) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { state }));
+    }
+    function setPostalCode(postalCode) {
+        setValueWrapper(Object.assign(Object.assign({}, valueRef.current), { postalCode }));
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Select, { testid: "address-use", defaultValue: value === null || value === void 0 ? void 0 : value.use, onChange: setUse },
+            React.createElement("option", null),
+            React.createElement("option", null, "home"),
+            React.createElement("option", null, "mobile"),
+            React.createElement("option", null, "old"),
+            React.createElement("option", null, "temp"),
+            React.createElement("option", null, "work")),
+        React.createElement(Select, { testid: "address-type", defaultValue: value === null || value === void 0 ? void 0 : value.type, onChange: setType },
+            React.createElement("option", null),
+            React.createElement("option", null, "postal"),
+            React.createElement("option", null, "physical"),
+            React.createElement("option", null, "both")),
+        React.createElement(Input, { placeholder: "Line 1", defaultValue: getLine(value, 0), onChange: setLine1 }),
+        React.createElement(Input, { placeholder: "Line 2", defaultValue: getLine(value, 1), onChange: setLine2 }),
+        React.createElement(Input, { placeholder: "City", defaultValue: value.city, onChange: setCity }),
+        React.createElement(Input, { placeholder: "State", defaultValue: value.state, onChange: setState }),
+        React.createElement(Input, { placeholder: "Postal Code", defaultValue: value.postalCode, onChange: setPostalCode })));
+}
+
+export { AddressInput };
+//# sourceMappingURL=AddressInput.js.map

package/dist/esm/AddressInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddressInput.js","sources":["../../src/AddressInput.tsx"],"sourcesContent":["import { Address } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\nimport { Select } from './Select';\n\nfunction getLine(address: Address, index: number): string {\n  return address && address.line && address.line.length > index ? address.line[index] : '';\n}\n\nfunction setLine(address: Address, index: number, str: string): Address {\n  const line: string[] = address.line || [];\n  while (line.length <= index) {\n    line.push('');\n  }\n  line[index] = str;\n  return { ...address, line };\n}\n\nexport interface AddressInputProps {\n  name: string;\n  defaultValue?: Address;\n  onChange?: (value: Address) => void;\n}\n\nexport function AddressInput(props: AddressInputProps): JSX.Element {\n  const [value, setValue] = useState<Address>(props.defaultValue || {});\n\n  const valueRef = useRef<Address>();\n  valueRef.current = value;\n\n  function setValueWrapper(newValue: Address): 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 });\n  }\n\n  function setType(type: string): void {\n    setValueWrapper({ ...valueRef.current, type });\n  }\n\n  function setLine1(line1: string): void {\n    setValueWrapper(setLine(valueRef.current || {}, 0, line1));\n  }\n\n  function setLine2(line2: string): void {\n    setValueWrapper(setLine(valueRef.current || {}, 1, line2));\n  }\n\n  function setCity(city: string): void {\n    setValueWrapper({ ...valueRef.current, city });\n  }\n\n  function setState(state: string): void {\n    setValueWrapper({ ...valueRef.current, state });\n  }\n\n  function setPostalCode(postalCode: string): void {\n    setValueWrapper({ ...valueRef.current, postalCode });\n  }\n\n  return (\n    <InputRow>\n      <Select testid=\"address-use\" defaultValue={value?.use} onChange={setUse}>\n        <option></option>\n        <option>home</option>\n        <option>mobile</option>\n        <option>old</option>\n        <option>temp</option>\n        <option>work</option>\n      </Select>\n      <Select testid=\"address-type\" defaultValue={value?.type} onChange={setType}>\n        <option></option>\n        <option>postal</option>\n        <option>physical</option>\n        <option>both</option>\n      </Select>\n      <Input placeholder=\"Line 1\" defaultValue={getLine(value, 0)} onChange={setLine1} />\n      <Input placeholder=\"Line 2\" defaultValue={getLine(value, 1)} onChange={setLine2} />\n      <Input placeholder=\"City\" defaultValue={value.city} onChange={setCity} />\n      <Input placeholder=\"State\" defaultValue={value.state} onChange={setState} />\n      <Input placeholder=\"Postal Code\" defaultValue={value.postalCode} onChange={setPostalCode} />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/AnnotationInput.js

@@ -0,0 +1,28 @@
+import { createReference } from '@medplum/core';
+import React, { useState, useRef } from 'react';
+import { Input } from './Input.js';
+import { useMedplumProfile } from './MedplumProvider.js';
+
+function AnnotationInput(props) {
+    const author = useMedplumProfile();
+    const [value, setValue] = useState(props.defaultValue || {});
+    const valueRef = useRef();
+    valueRef.current = value;
+    function setText(text) {
+        const newValue = text
+            ? {
+                text,
+                authorReference: author && createReference(author),
+                time: new Date().toISOString(),
+            }
+            : {};
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(Input, { name: props.name, type: "text", placeholder: "Annotation text", defaultValue: value.text, onChange: setText }));
+}
+
+export { AnnotationInput };
+//# sourceMappingURL=AnnotationInput.js.map

package/dist/esm/AnnotationInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotationInput.js","sources":["../../src/AnnotationInput.tsx"],"sourcesContent":["import { createReference } from '@medplum/core';\nimport { Annotation } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Input } from './Input';\nimport { useMedplumProfile } from './MedplumProvider';\n\nexport interface AnnotationInputProps {\n  name: string;\n  defaultValue?: Annotation;\n  onChange?: (value: Annotation) => void;\n}\n\nexport function AnnotationInput(props: AnnotationInputProps): JSX.Element {\n  const author = useMedplumProfile();\n  const [value, setValue] = useState<Annotation>(props.defaultValue || {});\n\n  const valueRef = useRef<Annotation>();\n  valueRef.current = value;\n\n  function setText(text: string): void {\n    const newValue: Annotation = text\n      ? {\n          text,\n          authorReference: author && createReference(author),\n          time: new Date().toISOString(),\n        }\n      : {};\n\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <Input name={props.name} type=\"text\" placeholder=\"Annotation text\" defaultValue={value.text} onChange={setText} />\n  );\n}\n"],"names":[],"mappings":";;;;;AAYM,SAAU,eAAe,CAAC,KAA2B,EAAA;AACzD,IAAA,MAAM,MAAM,GAAG,iBAAiB,EAAE,CAAC;AACnC,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,KAAK,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC;AAEzE,IAAA,MAAM,QAAQ,GAAG,MAAM,EAAc,CAAC;AACtC,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;IAEzB,SAAS,OAAO,CAAC,IAAY,EAAA;QAC3B,MAAM,QAAQ,GAAe,IAAI;AAC/B,cAAE;gBACE,IAAI;AACJ,gBAAA,eAAe,EAAE,MAAM,IAAI,eAAe,CAAC,MAAM,CAAC;AAClD,gBAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC/B,aAAA;cACD,EAAE,CAAC;QAEP,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EAAC,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,IAAI,EAAC,MAAM,EAAC,WAAW,EAAC,iBAAiB,EAAC,YAAY,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAA,CAAI,EAClH;AACJ;;;;"}

package/dist/esm/AttachmentArrayDisplay.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AttachmentDisplay } from './AttachmentDisplay.js';
+
+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 }))))));
+}
+
+export { AttachmentArrayDisplay };
+//# sourceMappingURL=AttachmentArrayDisplay.js.map

package/dist/esm/AttachmentArrayDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentArrayDisplay.js","sources":["../../src/AttachmentArrayDisplay.tsx"],"sourcesContent":["import { Attachment } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { AttachmentDisplay } from './AttachmentDisplay';\n\nexport interface AttachmentArrayDisplayProps {\n  values?: Attachment[];\n  maxWidth?: number;\n}\n\nexport function AttachmentArrayDisplay(props: AttachmentArrayDisplayProps): JSX.Element {\n  return (\n    <div>\n      {props.values &&\n        props.values.map((v, index) => (\n          <div key={'attatchment-' + index}>\n            <AttachmentDisplay value={v} maxWidth={props.maxWidth} />\n          </div>\n        ))}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;AASM,SAAU,sBAAsB,CAAC,KAAkC,EAAA;AACvE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,EACG,KAAK,CAAC,MAAM;AACX,QAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,MACxB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,cAAc,GAAG,KAAK,EAAA;AAC9B,YAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAC,EAAA,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAI,CAAA,CACrD,CACP,CAAC,CACA,EACN;AACJ;;;;"}

package/dist/esm/AttachmentArrayInput.js

@@ -0,0 +1,42 @@
+import React, { useState, useRef } from 'react';
+import { AttachmentDisplay } from './AttachmentDisplay.js';
+import { Button } from './Button.js';
+import { UploadButton } from './UploadButton.js';
+import { killEvent } from './utils/dom.js';
+
+function AttachmentArrayInput(props) {
+    var _a;
+    const [values, setValues] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : []);
+    const valuesRef = useRef();
+    valuesRef.current = values;
+    function setValuesWrapper(newValues) {
+        setValues(newValues);
+        if (props.onChange) {
+            props.onChange(newValues);
+        }
+    }
+    return (React.createElement("table", { style: { width: '100%' } },
+        React.createElement("colgroup", null,
+            React.createElement("col", { width: "90%" }),
+            React.createElement("col", { width: "10%" })),
+        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", { className: "medplum-right" },
+                    React.createElement(Button, { onClick: (e) => {
+                            killEvent(e);
+                            const copy = values.slice();
+                            copy.splice(index, 1);
+                            setValuesWrapper(copy);
+                        } }, "Remove"))))),
+            React.createElement("tr", null,
+                React.createElement("td", null),
+                React.createElement("td", { className: "medplum-right" },
+                    React.createElement(UploadButton, { onUpload: (attachment) => {
+                            setValuesWrapper([...valuesRef.current, attachment]);
+                        } }))))));
+}
+
+export { AttachmentArrayInput };
+//# sourceMappingURL=AttachmentArrayInput.js.map

package/dist/esm/AttachmentArrayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentArrayInput.js","sources":["../../src/AttachmentArrayInput.tsx"],"sourcesContent":["import { Attachment } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { AttachmentDisplay } from './AttachmentDisplay';\nimport { Button } from './Button';\nimport { UploadButton } from './UploadButton';\nimport { killEvent } from './utils/dom';\n\nexport interface AttachmentArrayInputProps {\n  name: string;\n  defaultValue?: Attachment[];\n  arrayElement?: boolean;\n  onChange?: (value: Attachment[]) => void;\n}\n\nexport function AttachmentArrayInput(props: AttachmentArrayInputProps): JSX.Element {\n  const [values, setValues] = useState<Attachment[]>(props.defaultValue ?? []);\n\n  const valuesRef = useRef<Attachment[]>();\n  valuesRef.current = values;\n\n  function setValuesWrapper(newValues: Attachment[]): void {\n    setValues(newValues);\n    if (props.onChange) {\n      props.onChange(newValues);\n    }\n  }\n\n  return (\n    <table style={{ width: '100%' }}>\n      <colgroup>\n        <col width=\"90%\" />\n        <col width=\"10%\" />\n      </colgroup>\n      <tbody>\n        {values.map((v: Attachment, index: number) => (\n          <tr key={`${index}-${values.length}`}>\n            <td>\n              <AttachmentDisplay value={v} maxWidth={200} />\n            </td>\n            <td className=\"medplum-right\">\n              <Button\n                onClick={(e) => {\n                  killEvent(e);\n                  const copy = values.slice();\n                  copy.splice(index, 1);\n                  setValuesWrapper(copy);\n                }}\n              >\n                Remove\n              </Button>\n            </td>\n          </tr>\n        ))}\n        <tr>\n          <td></td>\n          <td className=\"medplum-right\">\n            <UploadButton\n              onUpload={(attachment: Attachment) => {\n                setValuesWrapper([...(valuesRef.current as Attachment[]), attachment]);\n              }}\n            />\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"mappings":";;;;;;AAcM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;;AACnE,IAAA,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAe,CAAA,EAAA,GAAA,KAAK,CAAC,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAA,EAAE,CAAC,CAAC;AAE7E,IAAA,MAAM,SAAS,GAAG,MAAM,EAAgB,CAAC;AACzC,IAAA,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;IAE3B,SAAS,gBAAgB,CAAC,SAAuB,EAAA;QAC/C,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;AAC3B,SAAA;KACF;IAED,QACE,+BAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;AAC7B,QAAA,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,IAAA;YACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAC,KAAK,EAAG,CAAA;AACnB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,KAAK,EAAA,CAAG,CACV;AACX,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,IAAA;YACG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAa,EAAE,KAAa,MACvC,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,GAAG,EAAE,CAAG,EAAA,KAAK,IAAI,MAAM,CAAC,MAAM,CAAE,CAAA,EAAA;AAClC,gBAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA;oBACE,KAAC,CAAA,aAAA,CAAA,iBAAiB,EAAC,EAAA,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG,EAAA,CAAI,CAC3C;gBACL,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAA;AAC3B,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;4BACb,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,4BAAA,MAAM,IAAI,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC;AAC5B,4BAAA,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;4BACtB,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACzB,yBAAC,EAGM,EAAA,QAAA,CAAA,CACN,CACF,CACN,CAAC;AACF,YAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA;gBACE,KAAS,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAAA;gBACT,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,eAAe,EAAA;AAC3B,oBAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EACX,EAAA,QAAQ,EAAE,CAAC,UAAsB,KAAI;4BACnC,gBAAgB,CAAC,CAAC,GAAI,SAAS,CAAC,OAAwB,EAAE,UAAU,CAAC,CAAC,CAAC;AACzE,yBAAC,GACD,CACC,CACF,CACC,CACF,EACR;AACJ;;;;"}

package/dist/esm/AttachmentDisplay.js

@@ -0,0 +1,20 @@
+import React from 'react';
+
+function AttachmentDisplay(props) {
+    const value = props.value;
+    const { contentType, url, title } = value !== null && value !== void 0 ? value : {};
+    if (!url) {
+        return null;
+    }
+    return (React.createElement("div", { "data-testid": "attachment-display" },
+        (contentType === null || contentType === void 0 ? void 0 : contentType.startsWith('image/')) && (React.createElement("img", { "data-testid": "attachment-image", style: { maxWidth: props.maxWidth }, src: url, alt: value === null || value === void 0 ? void 0 : value.title })),
+        (contentType === null || contentType === void 0 ? void 0 : 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 === null || title === void 0 ? void 0 : 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("a", { href: value === null || value === void 0 ? void 0 : value.url, "data-testid": "attachment-details", target: "_blank", rel: "noopener noreferrer" }, (value === null || value === void 0 ? void 0 : value.title) || 'Download'))));
+}
+
+export { AttachmentDisplay };
+//# sourceMappingURL=AttachmentDisplay.js.map

package/dist/esm/AttachmentDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentDisplay.js","sources":["../../src/AttachmentDisplay.tsx"],"sourcesContent":["import { Attachment } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface AttachmentDisplayProps {\n  value?: Attachment;\n  maxWidth?: number;\n}\n\nexport function AttachmentDisplay(props: AttachmentDisplayProps): JSX.Element | null {\n  const value = props.value;\n  const { contentType, url, title } = value ?? {};\n\n  if (!url) {\n    return null;\n  }\n\n  return (\n    <div data-testid=\"attachment-display\">\n      {contentType?.startsWith('image/') && (\n        <img data-testid=\"attachment-image\" style={{ maxWidth: props.maxWidth }} src={url} alt={value?.title} />\n      )}\n      {contentType?.startsWith('video/') && (\n        <video data-testid=\"attachment-video\" style={{ maxWidth: props.maxWidth }} controls={true}>\n          <source type={contentType} src={url} />\n        </video>\n      )}\n      {contentType === 'application/pdf' && !title?.endsWith('.pdf') && (\n        <div data-testid=\"attachment-pdf\" style={{ maxWidth: props.maxWidth, minHeight: 400 }}>\n          <iframe\n            width=\"100%\"\n            height=\"400\"\n            src={url + '#navpanes=0'}\n            allowFullScreen={true}\n            frameBorder={0}\n            seamless={true}\n          />\n        </div>\n      )}\n      <div data-testid=\"download-link\" style={{ padding: '2px 16px 16px 16px' }}>\n        <a href={value?.url} data-testid=\"attachment-details\" target=\"_blank\" rel=\"noopener noreferrer\">\n          {value?.title || 'Download'}\n        </a>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAQM,SAAU,iBAAiB,CAAC,KAA6B,EAAA;AAC7D,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;AAC1B,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAL,KAAK,GAAI,EAAE,CAAC;IAEhD,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IAED,QACE,4CAAiB,oBAAoB,EAAA;AAClC,QAAA,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,UAAU,CAAC,QAAQ,CAAC,MAChC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,kBAAkB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,KAAK,GAAI,CACzG;QACA,CAAA,WAAW,KAAX,IAAA,IAAA,WAAW,KAAX,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,WAAW,CAAE,UAAU,CAAC,QAAQ,CAAC,MAChC,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,aAAA,EAAmB,kBAAkB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAA;YACvF,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,IAAI,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,EAAI,CAAA,CACjC,CACT;AACA,QAAA,WAAW,KAAK,iBAAiB,IAAI,EAAC,KAAK,KAAA,IAAA,IAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,QAAQ,CAAC,MAAM,CAAC,CAAA,KAC5D,KAAiB,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,gBAAgB,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,EAAA;YACnF,KACE,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,KAAK,EACZ,GAAG,EAAE,GAAG,GAAG,aAAa,EACxB,eAAe,EAAE,IAAI,EACrB,WAAW,EAAE,CAAC,EACd,QAAQ,EAAE,IAAI,EACd,CAAA,CACE,CACP;QACD,KAAiB,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAA,eAAe,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,EAAA;AACvE,YAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,GAAG,iBAAc,oBAAoB,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAC5F,EAAA,CAAA,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,KAAK,KAAI,UAAU,CACzB,CACA,CACF,EACN;AACJ;;;;"}

package/dist/esm/AttachmentInput.js

@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+import { AttachmentDisplay } from './AttachmentDisplay.js';
+import { Button } from './Button.js';
+import { UploadButton } from './UploadButton.js';
+import { killEvent } from './utils/dom.js';
+
+function AttachmentInput(props) {
+    const [value, setValue] = useState(props.defaultValue);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    if (value) {
+        return (React.createElement(React.Fragment, null,
+            React.createElement(AttachmentDisplay, { value: value, maxWidth: 200 }),
+            React.createElement(Button, { onClick: (e) => {
+                    killEvent(e);
+                    setValueWrapper(undefined);
+                } }, "Remove")));
+    }
+    return React.createElement(UploadButton, { onUpload: setValueWrapper });
+}
+
+export { AttachmentInput };
+//# sourceMappingURL=AttachmentInput.js.map

package/dist/esm/AttachmentInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AttachmentInput.js","sources":["../../src/AttachmentInput.tsx"],"sourcesContent":["import { Attachment } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { AttachmentDisplay } from './AttachmentDisplay';\nimport { Button } from './Button';\nimport { UploadButton } from './UploadButton';\nimport { killEvent } from './utils/dom';\n\nexport interface AttachmentInputProps {\n  name: string;\n  defaultValue?: Attachment;\n  arrayElement?: boolean;\n  onChange?: (value: Attachment | undefined) => void;\n}\n\nexport function AttachmentInput(props: AttachmentInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Attachment | undefined): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  if (value) {\n    return (\n      <>\n        <AttachmentDisplay value={value} maxWidth={200} />\n        <Button\n          onClick={(e) => {\n            killEvent(e);\n            setValueWrapper(undefined);\n          }}\n        >\n          Remove\n        </Button>\n      </>\n    );\n  }\n\n  return <UploadButton onUpload={setValueWrapper} />;\n}\n"],"names":[],"mappings":";;;;;;AAcM,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,QAAgC,EAAA;QACvD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;AAED,IAAA,IAAI,KAAK,EAAE;AACT,QAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;YACE,KAAC,CAAA,aAAA,CAAA,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAI,CAAA;AAClD,YAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,OAAO,EAAE,CAAC,CAAC,KAAI;oBACb,SAAS,CAAC,CAAC,CAAC,CAAC;oBACb,eAAe,CAAC,SAAS,CAAC,CAAC;iBAC5B,EAAA,EAAA,QAAA,CAGM,CACR,EACH;AACH,KAAA;AAED,IAAA,OAAO,oBAAC,YAAY,EAAA,EAAC,QAAQ,EAAE,eAAe,GAAI,CAAC;AACrD;;;;"}

package/dist/esm/Autocomplete.js

@@ -0,0 +1,284 @@
+import React, { useRef, useState, useEffect } from 'react';
+import { killEvent } from './utils/dom.js';
+
+function Autocomplete(props) {
+    var _a, _b;
+    const inputRef = useRef(null);
+    const [focused, setFocused] = useState(false);
+    const [lastValue, setLastValue] = useState('');
+    const [timer, setTimer] = useState();
+    const [dropDownVisible, setDropDownVisible] = useState(false);
+    const [values, setValues] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : []);
+    const [options, setOptions] = useState([]);
+    const [selectedIndex, setSelectedIndex] = useState(-1);
+    const [abortController, setAbortController] = useState();
+    const [autoSubmit, setAutoSubmit] = useState();
+    const lastValueRef = useRef();
+    lastValueRef.current = lastValue;
+    const timerRef = useRef();
+    timerRef.current = timer;
+    const abortControllerRef = useRef();
+    abortControllerRef.current = abortController;
+    const autoSubmitRef = useRef();
+    autoSubmitRef.current = autoSubmit;
+    useEffect(() => {
+        return () => {
+            if (abortControllerRef.current) {
+                abortControllerRef.current.abort();
+            }
+        };
+    }, []);
+    useEffect(() => {
+        var _a;
+        setValues((_a = props.defaultValue) !== null && _a !== void 0 ? _a : []);
+    }, [props.defaultValue]);
+    function setValuesWrapper(newValues) {
+        setValues(newValues);
+        if (props.onChange) {
+            props.onChange(newValues);
+        }
+    }
+    /**
+     * Adds an option to the list of selected options.
+     * @param option The option.
+     */
+    function addOption(option) {
+        const inputElement = inputRef.current;
+        inputElement.value = '';
+        const newValues = props.multiple ? [...values, option] : [option];
+        setFocused(true);
+        setDropDownVisible(false);
+        setLastValue('');
+        setOptions([]);
+        setSelectedIndex(-1);
+        setValuesWrapper(newValues);
+    }
+    function handleClick() {
+        var _a;
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    function handleFocus() {
+        setFocused(true);
+    }
+    function handleBlur() {
+        setFocused(false);
+        dismissOnDelay();
+    }
+    /**
+     * Handles an input event.
+     * Clears existing timers.
+     * Schedules a timer to execute the search after a short delay.
+     */
+    function handleInput() {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+            setAbortController(undefined);
+        }
+        if (timerRef.current !== undefined) {
+            window.clearTimeout(timerRef.current);
+        }
+        const newTimer = window.setTimeout(() => handleTimer(), 100);
+        setTimer(newTimer);
+    }
+    function handleKeyDown(e) {
+        switch (e.key) {
+            case 'Enter':
+            case 'Tab':
+                handleSelectKey(e);
+                break;
+            case 'ArrowUp':
+                moveSelection(-1);
+                killEvent(e);
+                break;
+            case 'ArrowDown':
+                moveSelection(1);
+                killEvent(e);
+                break;
+            case 'Backspace':
+                handleBackspaceKey(e);
+                break;
+            case ',':
+            case ';':
+                handleSeparatorKey(e);
+        }
+    }
+    /**
+     * Handles the "enter" or "tab" keys.  The enter key logic is:
+     * Try to add an option with tryAddOption.  On success, cancel event.
+     * Otherwise, let the browser handle the enter key normally.
+     *
+     * @param e The key down event.
+     */
+    function handleSelectKey(e) {
+        var _a;
+        if (!timerRef.current && !abortControllerRef.current && tryAddOption()) {
+            killEvent(e);
+            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+        else {
+            // The user pressed enter, but we don't have results yet.
+            // We need to wait for the results to come in.
+            setAutoSubmit(true);
+        }
+    }
+    /**
+     * Handles the "backspace" key.  The backspace key logic is:
+     * If the input is empty and there is at least one item, delete the last item.
+     * Otherwise, let the browser handle the backspace key normally.
+     *
+     * @param e The key down event.
+     */
+    function handleBackspaceKey(e) {
+        var _a;
+        if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) {
+            // If there is still text in the input,
+            // then handle backspace as normal.
+            return;
+        }
+        if (values.length > 0) {
+            // If there are selected items,
+            // then delete the last item.
+            killEvent(e);
+            setValuesWrapper(values.slice(0, values.length - 1));
+        }
+    }
+    /**
+     * Handles a "separator" key (comma, semicolon, others?).
+     *
+     * The separator key logic is:
+     * If the drop down is visible and something is selected, choose that.
+     * If the drop down is visible but nothing is selected, choose the first.
+     * If there is content in the input, use that as a "gray" option.
+     * Otherwise, ignore.
+     *
+     * @param e The key down event.
+     */
+    function handleSeparatorKey(e) {
+        var _a;
+        tryAddOption();
+        killEvent(e);
+        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }
+    /**
+     * Tries to capture the existing input as an option.
+     *
+     * @return True if captured an option; false otherwise.
+     */
+    function tryAddOption() {
+        var _a;
+        let option;
+        if (selectedIndex >= 0 && selectedIndex < options.length) {
+            // Currently highlighted row
+            option = options[selectedIndex];
+        }
+        else if (selectedIndex === -1 && options.length > 0) {
+            // Default to first row
+            option = options[0];
+        }
+        else if (props.buildUnstructured && ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value)) {
+            // Build semi-structured item
+            option = props.buildUnstructured(inputRef.current.value);
+        }
+        if (!option) {
+            return false;
+        }
+        addOption(option);
+        return true;
+    }
+    /**
+     * Handles a timer tick event.
+     * If the contents of the input have changed, sends xhr to the server
+     * for updated contents.
+     */
+    function handleTimer() {
+        var _a, _b;
+        setTimer(undefined);
+        const value = ((_b = (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.trim()) || '';
+        if (value === lastValueRef.current) {
+            // Nothing has changed, move on
+            return;
+        }
+        if (!value) {
+            setDropDownVisible(false);
+            setLastValue('');
+            setOptions([]);
+            setSelectedIndex(-1);
+            return;
+        }
+        setLastValue(value);
+        const newAbortController = new AbortController();
+        setAbortController(newAbortController);
+        props
+            .loadOptions(value, newAbortController.signal)
+            .then((newOptions) => {
+            if (!newAbortController.signal.aborted) {
+                setDropDownVisible(newOptions.length > 0);
+                setOptions(newOptions);
+                setAbortController(undefined);
+                if (autoSubmitRef.current) {
+                    addOption(newOptions[0]);
+                    setAutoSubmit(false);
+                }
+            }
+        })
+            .catch(console.log);
+    }
+    /**
+     * Moves the selected row.
+     * @param delta The amount to move the selection, up is negative.
+     */
+    function moveSelection(delta) {
+        let index = selectedIndex + delta;
+        if (index < 0) {
+            index = 0;
+        }
+        else if (index >= options.length) {
+            index = options.length - 1;
+        }
+        setSelectedIndex(index);
+    }
+    /**
+     * Handles a hover event.
+     * @param _e The mouse event.
+     * @param index The drop down option index.
+     */
+    function handleDropDownHover(_e, index) {
+        setSelectedIndex(index);
+    }
+    /**
+     * Handles a click event.
+     * @param e The mouse event.
+     * @param option The drop down option.
+     */
+    function handleDropDownClick(e, option) {
+        killEvent(e);
+        addOption(option);
+    }
+    /**
+     * Dismisses the drop down menu after a slight delay.
+     */
+    function dismissOnDelay() {
+        window.setTimeout(() => {
+            setDropDownVisible(false);
+        }, 200);
+    }
+    const baseClassName = (_b = props.className) !== null && _b !== void 0 ? _b : 'medplum-autocomplete-container';
+    return (React.createElement("div", { "data-testid": "autocomplete", className: baseClassName + (focused ? ' focused' : ''), onClick: () => handleClick() },
+        React.createElement("ul", { onClick: () => handleClick() },
+            values.map((value) => (React.createElement("li", { key: props.getId(value), "data-testid": "selected", className: "medplum-autocomplete-item choice" }, props.getDisplay(value)))),
+            React.createElement("li", { className: "medplum-autocomplete-item" },
+                React.createElement("input", { type: "text", autoFocus: props.autofocus, placeholder: values.length === 0 ? props.placeholder : undefined, autoComplete: "off", autoCapitalize: "off", spellCheck: "true", onFocus: () => handleFocus(), onBlur: () => handleBlur(), onChange: () => handleInput(), onInput: () => handleInput(), onKeyDown: (e) => handleKeyDown(e), ref: inputRef, "data-testid": "input-element" }))),
+        dropDownVisible && (React.createElement("div", { className: "medplum-autocomplete", "data-testid": "dropdown" },
+            options.map((option, index) => (React.createElement("div", { key: props.getId(option), className: index === selectedIndex
+                    ? 'medplum-autocomplete-row medplum-autocomplete-active'
+                    : 'medplum-autocomplete-row', onMouseOver: (e) => handleDropDownHover(e, index), onClick: (e) => handleDropDownClick(e, option) },
+                props.getIcon && React.createElement("div", { className: "medplum-autocomplete-icon" }, props.getIcon(option)),
+                React.createElement("div", { className: "medplum-autocomplete-label" },
+                    props.getDisplay(option),
+                    props.getHelpText && React.createElement("div", { className: "medplum-autocomplete-help-text" }, props.getHelpText(option)))))),
+            props.onCreateNew && (React.createElement("div", { className: "medplum-autocomplete-row", onClick: props.onCreateNew },
+                React.createElement("div", { className: "medplum-autocomplete-label" }, "Create new...")))))));
+}
+
+export { Autocomplete };
+//# sourceMappingURL=Autocomplete.js.map

package/dist/esm/Autocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.js","sources":["../../src/Autocomplete.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport { killEvent } from './utils/dom';\nimport './Autocomplete.css';\n\nexport interface AutocompleteProps<T> {\n  name: string;\n  multiple?: boolean;\n  autofocus?: boolean;\n  defaultValue?: T[];\n  className?: string;\n  placeholder?: string;\n  loadOptions: (input: string, signal: AbortSignal) => Promise<T[]>;\n  buildUnstructured?: (input: string) => T;\n  getId: (item: T) => string;\n  getIcon?: (item: T) => JSX.Element;\n  getDisplay: (item: T) => JSX.Element;\n  getHelpText?: (item: T) => string | undefined;\n  onChange?: (values: T[]) => void;\n  onCreateNew?: () => void;\n}\n\nexport function Autocomplete<T>(props: AutocompleteProps<T>): JSX.Element {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const [focused, setFocused] = useState(false);\n  const [lastValue, setLastValue] = useState('');\n  const [timer, setTimer] = useState<number>();\n  const [dropDownVisible, setDropDownVisible] = useState(false);\n  const [values, setValues] = useState(props.defaultValue ?? []);\n  const [options, setOptions] = useState<T[]>([]);\n  const [selectedIndex, setSelectedIndex] = useState(-1);\n  const [abortController, setAbortController] = useState<AbortController>();\n  const [autoSubmit, setAutoSubmit] = useState<boolean>();\n\n  const lastValueRef = useRef<string>();\n  lastValueRef.current = lastValue;\n\n  const timerRef = useRef<number>();\n  timerRef.current = timer;\n\n  const abortControllerRef = useRef<AbortController>();\n  abortControllerRef.current = abortController;\n\n  const autoSubmitRef = useRef<boolean>();\n  autoSubmitRef.current = autoSubmit;\n\n  useEffect(() => {\n    return () => {\n      if (abortControllerRef.current) {\n        abortControllerRef.current.abort();\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setValues(props.defaultValue ?? []);\n  }, [props.defaultValue]);\n\n  function setValuesWrapper(newValues: T[]): void {\n    setValues(newValues);\n    if (props.onChange) {\n      props.onChange(newValues);\n    }\n  }\n\n  /**\n   * Adds an option to the list of selected options.\n   * @param option The option.\n   */\n  function addOption(option: T): void {\n    const inputElement = inputRef.current as HTMLInputElement;\n    inputElement.value = '';\n\n    const newValues = props.multiple ? [...values, option] : [option];\n    setFocused(true);\n    setDropDownVisible(false);\n    setLastValue('');\n    setOptions([]);\n    setSelectedIndex(-1);\n    setValuesWrapper(newValues);\n  }\n\n  function handleClick(): void {\n    inputRef.current?.focus();\n  }\n\n  function handleFocus(): void {\n    setFocused(true);\n  }\n\n  function handleBlur(): void {\n    setFocused(false);\n    dismissOnDelay();\n  }\n\n  /**\n   * Handles an input event.\n   * Clears existing timers.\n   * Schedules a timer to execute the search after a short delay.\n   */\n  function handleInput(): void {\n    if (abortControllerRef.current) {\n      abortControllerRef.current.abort();\n      setAbortController(undefined);\n    }\n\n    if (timerRef.current !== undefined) {\n      window.clearTimeout(timerRef.current);\n    }\n\n    const newTimer = window.setTimeout(() => handleTimer(), 100);\n    setTimer(newTimer);\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent): void {\n    switch (e.key) {\n      case 'Enter':\n      case 'Tab':\n        handleSelectKey(e);\n        break;\n\n      case 'ArrowUp':\n        moveSelection(-1);\n        killEvent(e);\n        break;\n\n      case 'ArrowDown':\n        moveSelection(1);\n        killEvent(e);\n        break;\n\n      case 'Backspace':\n        handleBackspaceKey(e);\n        break;\n\n      case ',':\n      case ';':\n        handleSeparatorKey(e);\n    }\n  }\n\n  /**\n   * Handles the \"enter\" or \"tab\" keys.  The enter key logic is:\n   * Try to add an option with tryAddOption.  On success, cancel event.\n   * Otherwise, let the browser handle the enter key normally.\n   *\n   * @param e The key down event.\n   */\n  function handleSelectKey(e: React.KeyboardEvent): void {\n    if (!timerRef.current && !abortControllerRef.current && tryAddOption()) {\n      killEvent(e);\n      inputRef.current?.focus();\n    } else {\n      // The user pressed enter, but we don't have results yet.\n      // We need to wait for the results to come in.\n      setAutoSubmit(true);\n    }\n  }\n\n  /**\n   * Handles the \"backspace\" key.  The backspace key logic is:\n   * If the input is empty and there is at least one item, delete the last item.\n   * Otherwise, let the browser handle the backspace key normally.\n   *\n   * @param e The key down event.\n   */\n  function handleBackspaceKey(e: React.KeyboardEvent): void {\n    if (inputRef.current?.value) {\n      // If there is still text in the input,\n      // then handle backspace as normal.\n      return;\n    }\n\n    if (values.length > 0) {\n      // If there are selected items,\n      // then delete the last item.\n      killEvent(e);\n      setValuesWrapper(values.slice(0, values.length - 1));\n    }\n  }\n\n  /**\n   * Handles a \"separator\" key (comma, semicolon, others?).\n   *\n   * The separator key logic is:\n   * If the drop down is visible and something is selected, choose that.\n   * If the drop down is visible but nothing is selected, choose the first.\n   * If there is content in the input, use that as a \"gray\" option.\n   * Otherwise, ignore.\n   *\n   * @param e The key down event.\n   */\n  function handleSeparatorKey(e: React.KeyboardEvent): void {\n    tryAddOption();\n    killEvent(e);\n    inputRef.current?.focus();\n  }\n\n  /**\n   * Tries to capture the existing input as an option.\n   *\n   * @return True if captured an option; false otherwise.\n   */\n  function tryAddOption(): boolean {\n    let option: T | undefined;\n\n    if (selectedIndex >= 0 && selectedIndex < options.length) {\n      // Currently highlighted row\n      option = options[selectedIndex];\n    } else if (selectedIndex === -1 && options.length > 0) {\n      // Default to first row\n      option = options[0];\n    } else if (props.buildUnstructured && inputRef.current?.value) {\n      // Build semi-structured item\n      option = props.buildUnstructured(inputRef.current.value);\n    }\n\n    if (!option) {\n      return false;\n    }\n\n    addOption(option);\n    return true;\n  }\n\n  /**\n   * Handles a timer tick event.\n   * If the contents of the input have changed, sends xhr to the server\n   * for updated contents.\n   */\n  function handleTimer(): void {\n    setTimer(undefined);\n\n    const value = inputRef.current?.value?.trim() || '';\n    if (value === lastValueRef.current) {\n      // Nothing has changed, move on\n      return;\n    }\n\n    if (!value) {\n      setDropDownVisible(false);\n      setLastValue('');\n      setOptions([]);\n      setSelectedIndex(-1);\n      return;\n    }\n\n    setLastValue(value);\n\n    const newAbortController = new AbortController();\n    setAbortController(newAbortController);\n\n    props\n      .loadOptions(value, newAbortController.signal)\n      .then((newOptions: T[]) => {\n        if (!newAbortController.signal.aborted) {\n          setDropDownVisible(newOptions.length > 0);\n          setOptions(newOptions);\n          setAbortController(undefined);\n          if (autoSubmitRef.current) {\n            addOption(newOptions[0]);\n            setAutoSubmit(false);\n          }\n        }\n      })\n      .catch(console.log);\n  }\n\n  /**\n   * Moves the selected row.\n   * @param delta The amount to move the selection, up is negative.\n   */\n  function moveSelection(delta: number): void {\n    let index = selectedIndex + delta;\n\n    if (index < 0) {\n      index = 0;\n    } else if (index >= options.length) {\n      index = options.length - 1;\n    }\n\n    setSelectedIndex(index);\n  }\n\n  /**\n   * Handles a hover event.\n   * @param _e The mouse event.\n   * @param index The drop down option index.\n   */\n  function handleDropDownHover(_e: React.MouseEvent, index: number): void {\n    setSelectedIndex(index);\n  }\n\n  /**\n   * Handles a click event.\n   * @param e The mouse event.\n   * @param option The drop down option.\n   */\n  function handleDropDownClick(e: React.MouseEvent, option: T): void {\n    killEvent(e);\n    addOption(option);\n  }\n\n  /**\n   * Dismisses the drop down menu after a slight delay.\n   */\n  function dismissOnDelay(): void {\n    window.setTimeout(() => {\n      setDropDownVisible(false);\n    }, 200);\n  }\n\n  const baseClassName = props.className ?? 'medplum-autocomplete-container';\n\n  return (\n    <div\n      data-testid=\"autocomplete\"\n      className={baseClassName + (focused ? ' focused' : '')}\n      onClick={() => handleClick()}\n    >\n      <ul onClick={() => handleClick()}>\n        {values.map((value) => (\n          <li key={props.getId(value)} data-testid=\"selected\" className=\"medplum-autocomplete-item choice\">\n            {props.getDisplay(value)}\n          </li>\n        ))}\n        <li className=\"medplum-autocomplete-item\">\n          <input\n            type=\"text\"\n            autoFocus={props.autofocus}\n            placeholder={values.length === 0 ? props.placeholder : undefined}\n            autoComplete=\"off\"\n            autoCapitalize=\"off\"\n            spellCheck=\"true\"\n            onFocus={() => handleFocus()}\n            onBlur={() => handleBlur()}\n            onChange={() => handleInput()}\n            onInput={() => handleInput()}\n            onKeyDown={(e: React.KeyboardEvent) => handleKeyDown(e)}\n            ref={inputRef}\n            data-testid=\"input-element\"\n          />\n        </li>\n      </ul>\n      {dropDownVisible && (\n        <div className=\"medplum-autocomplete\" data-testid=\"dropdown\">\n          {options.map((option, index) => (\n            <div\n              key={props.getId(option)}\n              className={\n                index === selectedIndex\n                  ? 'medplum-autocomplete-row medplum-autocomplete-active'\n                  : 'medplum-autocomplete-row'\n              }\n              onMouseOver={(e) => handleDropDownHover(e, index)}\n              onClick={(e) => handleDropDownClick(e, option)}\n            >\n              {props.getIcon && <div className=\"medplum-autocomplete-icon\">{props.getIcon(option)}</div>}\n              <div className=\"medplum-autocomplete-label\">\n                {props.getDisplay(option)}\n                {props.getHelpText && <div className=\"medplum-autocomplete-help-text\">{props.getHelpText(option)}</div>}\n              </div>\n            </div>\n          ))}\n          {props.onCreateNew && (\n            <div className=\"medplum-autocomplete-row\" onClick={props.onCreateNew}>\n              <div className=\"medplum-autocomplete-label\">Create new...</div>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}