@medplum/react 0.9.25 → 0.9.28

package/dist/esm/Checkbox.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+function Checkbox(props) {
+    const className = 'medplum-checkbox';
+    return (React.createElement("input", { id: props.name, name: props.name, className: className, type: "checkbox", value: "true", defaultChecked: !!props.defaultValue, required: props.required, ref: props.inputRef, "data-testid": props.testid, disabled: props.disabled, onChange: (e) => {
+            if (props.onChange) {
+                props.onChange(e.currentTarget.checked);
+            }
+        } }));
+}
+
+export { Checkbox };
+//# sourceMappingURL=Checkbox.js.map

package/dist/esm/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../src/Checkbox.tsx"],"sourcesContent":["import React, { RefObject } from 'react';\nimport './Checkbox.css';\n\nexport interface CheckboxProps {\n  name?: string;\n  defaultValue?: boolean | number;\n  required?: boolean;\n  inputRef?: RefObject<HTMLInputElement>;\n  testid?: string;\n  disabled?: boolean;\n  onChange?: (newValue: boolean) => void;\n}\n\nexport function Checkbox(props: CheckboxProps): JSX.Element {\n  const className = 'medplum-checkbox';\n  return (\n    <input\n      id={props.name}\n      name={props.name}\n      className={className}\n      type=\"checkbox\"\n      value=\"true\"\n      defaultChecked={!!props.defaultValue}\n      required={props.required}\n      ref={props.inputRef}\n      data-testid={props.testid}\n      disabled={props.disabled}\n      onChange={(e) => {\n        if (props.onChange) {\n          props.onChange(e.currentTarget.checked);\n        }\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;AAaM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,MAAM,SAAS,GAAG,kBAAkB,CAAC;AACrC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,EACf,KAAK,EAAC,MAAM,EACZ,cAAc,EAAE,CAAC,CAAC,KAAK,CAAC,YAAY,EACpC,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,GAAG,EAAE,KAAK,CAAC,QAAQ,EAAA,aAAA,EACN,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,OAAO,CAAC,CAAC;AACzC,aAAA;SACF,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/CheckboxFormSection.js

@@ -0,0 +1,12 @@
+import React from 'react';
+
+function CheckboxFormSection(props) {
+    return (React.createElement("div", { className: "medplum-checkbox-form-section" },
+        React.createElement("div", { className: "medplum-checkbox-form-section-checkbox-container" }, props.children),
+        React.createElement("div", { className: "medplum-checkbox-form-section-details-container" },
+            React.createElement("label", { htmlFor: props.htmlFor }, props.title),
+            React.createElement("p", null, props.description))));
+}
+
+export { CheckboxFormSection };
+//# sourceMappingURL=CheckboxFormSection.js.map

package/dist/esm/CheckboxFormSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxFormSection.js","sources":["../../src/CheckboxFormSection.tsx"],"sourcesContent":["import React from 'react';\nimport './CheckboxFormSection.css';\n\nexport interface CheckboxFormSectionProps {\n  htmlFor?: string;\n  title?: string;\n  description?: string;\n  children?: React.ReactNode;\n}\n\nexport function CheckboxFormSection(props: CheckboxFormSectionProps): JSX.Element {\n  return (\n    <div className=\"medplum-checkbox-form-section\">\n      <div className=\"medplum-checkbox-form-section-checkbox-container\">{props.children}</div>\n      <div className=\"medplum-checkbox-form-section-details-container\">\n        <label htmlFor={props.htmlFor}>{props.title}</label>\n        <p>{props.description}</p>\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;AAUM,SAAU,mBAAmB,CAAC,KAA+B,EAAA;AACjE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+BAA+B,EAAA;AAC5C,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kDAAkD,IAAE,KAAK,CAAC,QAAQ,CAAO;QACxF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iDAAiD,EAAA;YAC9D,KAAO,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,OAAO,EAAE,KAAK,CAAC,OAAO,EAAG,EAAA,KAAK,CAAC,KAAK,CAAS;AACpD,YAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA,EAAI,KAAK,CAAC,WAAW,CAAK,CACtB,CACF,EACN;AACJ;;;;"}

package/dist/esm/CodeInput.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { Autocomplete } from './Autocomplete.js';
+import { useMedplum } from './MedplumProvider.js';
+
+const cachedDisplayValues = {};
+function CodeInput(props) {
+    const medplum = useMedplum();
+    let defaultValue = undefined;
+    if (props.defaultValue) {
+        defaultValue = [props.defaultValue];
+    }
+    return (React.createElement(Autocomplete, { loadOptions: (input) => {
+            var _a;
+            const system = (_a = props.property.binding) === null || _a === void 0 ? void 0 : _a.valueSet;
+            return medplum.searchValueSet(system, input).then((valueSet) => {
+                const contains = valueSet.expansion.contains;
+                contains.forEach((e) => (cachedDisplayValues[e.code] = e.display));
+                return contains.map((e) => e.code);
+            });
+        }, buildUnstructured: (str) => str, getId: (item) => item, getDisplay: (item) => React.createElement(React.Fragment, null, cachedDisplayValues[item] || item), name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            if (props.onChange) {
+                props.onChange(values[0]);
+            }
+        } }));
+}
+
+export { CodeInput };
+//# sourceMappingURL=CodeInput.js.map

package/dist/esm/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.js","sources":["../../src/CodeInput.tsx"],"sourcesContent":["import { ElementDefinition, ValueSet, ValueSetExpansion, ValueSetExpansionContains } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Autocomplete } from './Autocomplete';\nimport { useMedplum } from './MedplumProvider';\n\nexport interface CodeInputProps {\n  property: ElementDefinition;\n  name: string;\n  defaultValue?: string;\n  onChange?: (value: string) => void;\n}\n\nconst cachedDisplayValues: Record<string, string> = {};\n\nexport function CodeInput(props: CodeInputProps): JSX.Element {\n  const medplum = useMedplum();\n\n  let defaultValue = undefined;\n  if (props.defaultValue) {\n    defaultValue = [props.defaultValue];\n  }\n\n  return (\n    <Autocomplete\n      loadOptions={(input: string): Promise<string[]> => {\n        const system = props.property.binding?.valueSet as string;\n        return medplum.searchValueSet(system, input).then((valueSet: ValueSet) => {\n          const contains = (valueSet.expansion as ValueSetExpansion).contains as ValueSetExpansionContains[];\n          contains.forEach((e) => (cachedDisplayValues[e.code as string] = e.display as string));\n          return contains.map((e) => e.code as string);\n        });\n      }}\n      buildUnstructured={(str: string) => str}\n      getId={(item: string) => item}\n      getDisplay={(item: string) => <>{cachedDisplayValues[item] || item}</>}\n      name={props.name}\n      defaultValue={defaultValue}\n      onChange={(values: string[]) => {\n        if (props.onChange) {\n          props.onChange(values[0]);\n        }\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AAYA,MAAM,mBAAmB,GAA2B,EAAE,CAAC;AAEjD,SAAU,SAAS,CAAC,KAAqB,EAAA;AAC7C,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,IAAI,YAAY,GAAG,SAAS,CAAC;IAC7B,IAAI,KAAK,CAAC,YAAY,EAAE;AACtB,QAAA,YAAY,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACrC,KAAA;IAED,QACE,oBAAC,YAAY,EAAA,EACX,WAAW,EAAE,CAAC,KAAa,KAAuB;;YAChD,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAkB,CAAC;AAC1D,YAAA,OAAO,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAkB,KAAI;AACvE,gBAAA,MAAM,QAAQ,GAAI,QAAQ,CAAC,SAA+B,CAAC,QAAuC,CAAC;gBACnG,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,mBAAmB,CAAC,CAAC,CAAC,IAAc,CAAC,GAAG,CAAC,CAAC,OAAiB,CAAC,CAAC,CAAC;AACvF,gBAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAc,CAAC,CAAC;AAC/C,aAAC,CAAC,CAAC;SACJ,EACD,iBAAiB,EAAE,CAAC,GAAW,KAAK,GAAG,EACvC,KAAK,EAAE,CAAC,IAAY,KAAK,IAAI,EAC7B,UAAU,EAAE,CAAC,IAAY,KAAK,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAI,EACtE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,MAAgB,KAAI;YAC7B,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3B,aAAA;SACF,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/CodeableConceptDisplay.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { CodingDisplay } from './CodingDisplay.js';
+
+function CodeableConceptDisplay(props) {
+    const value = props.value;
+    if (!value) {
+        return null;
+    }
+    if (value.text) {
+        return React.createElement(React.Fragment, null, value.text);
+    }
+    if (value.coding) {
+        return (React.createElement(React.Fragment, null, value.coding.map((coding, index) => (React.createElement(React.Fragment, { key: 'coding-' + index },
+            index > 0 && React.createElement(React.Fragment, null, ', '),
+            React.createElement(CodingDisplay, { value: coding }))))));
+    }
+    return null;
+}
+
+export { CodeableConceptDisplay };
+//# sourceMappingURL=CodeableConceptDisplay.js.map

package/dist/esm/CodeableConceptDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeableConceptDisplay.js","sources":["../../src/CodeableConceptDisplay.tsx"],"sourcesContent":["import { CodeableConcept } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { CodingDisplay } from './CodingDisplay';\n\nexport interface CodeableConceptDisplayProps {\n  value?: CodeableConcept;\n}\n\nexport function CodeableConceptDisplay(props: CodeableConceptDisplayProps): JSX.Element | null {\n  const value = props.value;\n  if (!value) {\n    return null;\n  }\n\n  if (value.text) {\n    return <>{value.text}</>;\n  }\n\n  if (value.coding) {\n    return (\n      <>\n        {value.coding.map((coding, index) => (\n          <React.Fragment key={'coding-' + index}>\n            {index > 0 && <>{', '}</>}\n            <CodingDisplay value={coding} />\n          </React.Fragment>\n        ))}\n      </>\n    );\n  }\n\n  return null;\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,sBAAsB,CAAC,KAAkC,EAAA;AACvE,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IAED,IAAI,KAAK,CAAC,IAAI,EAAE;AACd,QAAA,OAAO,KAAG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,KAAK,CAAC,IAAI,CAAI,CAAC;AAC1B,KAAA;IAED,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,QACE,KACG,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,MAC9B,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,QAAQ,EAAA,EAAC,GAAG,EAAE,SAAS,GAAG,KAAK,EAAA;AACnC,YAAA,KAAK,GAAG,CAAC,IAAI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,IAAI,CAAI;YACzB,KAAC,CAAA,aAAA,CAAA,aAAa,EAAC,EAAA,KAAK,EAAE,MAAM,EAAI,CAAA,CACjB,CAClB,CAAC,CACD,EACH;AACH,KAAA;AAED,IAAA,OAAO,IAAI,CAAC;AACd;;;;"}

package/dist/esm/CodeableConceptInput.js

@@ -0,0 +1,52 @@
+import { stringify } from '@medplum/core';
+import React from 'react';
+import { Autocomplete } from './Autocomplete.js';
+import { useMedplum } from './MedplumProvider.js';
+
+function CodeableConceptInput(props) {
+    const medplum = useMedplum();
+    let defaultValue = undefined;
+    if (props.defaultValue) {
+        defaultValue = [props.defaultValue];
+    }
+    return (React.createElement(Autocomplete, { loadOptions: (input) => {
+            var _a;
+            const system = (_a = props.property.binding) === null || _a === void 0 ? void 0 : _a.valueSet;
+            return medplum.searchValueSet(system, input).then((valueSet) => {
+                return valueSet.expansion.contains.map(valueSetElementToCodeableConcept);
+            });
+        }, buildUnstructured: buildUnstructured, getId: getId, getDisplay: getDisplay, name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            if (props.onChange) {
+                props.onChange(values[0]);
+            }
+        } }));
+}
+function valueSetElementToCodeableConcept(element) {
+    return {
+        text: element.display,
+        coding: [
+            {
+                system: element.system,
+                code: element.code,
+                display: element.display,
+            },
+        ],
+    };
+}
+function buildUnstructured(str) {
+    return { text: str };
+}
+function getId(concept) {
+    if (concept.coding && concept.coding.length > 0) {
+        return concept.coding[0].code;
+    }
+    return stringify(concept);
+}
+function getDisplay(concept) {
+    var _a, _b, _c, _d, _e, _f;
+    const text = (_f = (_c = (_b = (_a = concept.coding) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.display) !== null && _c !== void 0 ? _c : (_e = (_d = concept.coding) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.code) !== null && _f !== void 0 ? _f : concept.text;
+    return React.createElement(React.Fragment, null, text);
+}
+
+export { CodeableConceptInput };
+//# sourceMappingURL=CodeableConceptInput.js.map

package/dist/esm/CodeableConceptInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeableConceptInput.js","sources":["../../src/CodeableConceptInput.tsx"],"sourcesContent":["import { stringify } from '@medplum/core';\nimport {\n  CodeableConcept,\n  ElementDefinition,\n  ValueSet,\n  ValueSetExpansion,\n  ValueSetExpansionContains,\n} from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Autocomplete } from './Autocomplete';\nimport { useMedplum } from './MedplumProvider';\n\nexport interface CodeableConceptInputProps {\n  property: ElementDefinition;\n  name: string;\n  defaultValue?: CodeableConcept;\n  onChange?: (value: CodeableConcept) => void;\n}\n\nexport function CodeableConceptInput(props: CodeableConceptInputProps): JSX.Element {\n  const medplum = useMedplum();\n\n  let defaultValue = undefined;\n  if (props.defaultValue) {\n    defaultValue = [props.defaultValue];\n  }\n\n  return (\n    <Autocomplete\n      loadOptions={(input: string): Promise<CodeableConcept[]> => {\n        const system = props.property.binding?.valueSet as string;\n        return medplum.searchValueSet(system, input).then((valueSet: ValueSet) => {\n          return ((valueSet.expansion as ValueSetExpansion).contains as ValueSetExpansionContains[]).map(\n            valueSetElementToCodeableConcept\n          );\n        });\n      }}\n      buildUnstructured={buildUnstructured}\n      getId={getId}\n      getDisplay={getDisplay}\n      name={props.name}\n      defaultValue={defaultValue}\n      onChange={(values: CodeableConcept[]) => {\n        if (props.onChange) {\n          props.onChange(values[0]);\n        }\n      }}\n    />\n  );\n}\n\nfunction valueSetElementToCodeableConcept(element: ValueSetExpansionContains): CodeableConcept {\n  return {\n    text: element.display,\n    coding: [\n      {\n        system: element.system,\n        code: element.code,\n        display: element.display,\n      },\n    ],\n  };\n}\n\nfunction buildUnstructured(str: string): CodeableConcept {\n  return { text: str };\n}\n\nfunction getId(concept: CodeableConcept): string {\n  if (concept.coding && concept.coding.length > 0) {\n    return concept.coding[0].code as string;\n  }\n  return stringify(concept);\n}\n\nfunction getDisplay(concept: CodeableConcept): JSX.Element {\n  const text = concept.coding?.[0]?.display ?? concept.coding?.[0]?.code ?? concept.text;\n  return <>{text}</>;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/CodingDisplay.js

@@ -0,0 +1,9 @@
+import React from 'react';
+
+function CodingDisplay(props) {
+    var _a, _b;
+    return React.createElement(React.Fragment, null, ((_a = props.value) === null || _a === void 0 ? void 0 : _a.display) || ((_b = props.value) === null || _b === void 0 ? void 0 : _b.code));
+}
+
+export { CodingDisplay };
+//# sourceMappingURL=CodingDisplay.js.map

package/dist/esm/CodingDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodingDisplay.js","sources":["../../src/CodingDisplay.tsx"],"sourcesContent":["import { Coding } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface CodingDisplayProps {\n  value?: Coding;\n}\n\nexport function CodingDisplay(props: CodingDisplayProps): JSX.Element {\n  return <>{props.value?.display || props.value?.code}</>;\n}\n"],"names":[],"mappings":";;AAOM,SAAU,aAAa,CAAC,KAAyB,EAAA;;AACrD,IAAA,OAAO,0CAAG,CAAA,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,OAAO,MAAI,CAAA,EAAA,GAAA,KAAK,CAAC,KAAK,0CAAE,IAAI,CAAA,CAAI,CAAC;AAC1D;;;;"}

package/dist/esm/CodingInput.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import { Autocomplete } from './Autocomplete.js';
+import { CodingDisplay } from './CodingDisplay.js';
+import { useMedplum } from './MedplumProvider.js';
+
+function CodingInput(props) {
+    const medplum = useMedplum();
+    let defaultValue = undefined;
+    if (props.defaultValue) {
+        defaultValue = [props.defaultValue];
+    }
+    return (React.createElement(Autocomplete, { loadOptions: (input) => {
+            var _a;
+            const system = (_a = props.property.binding) === null || _a === void 0 ? void 0 : _a.valueSet;
+            return medplum.searchValueSet(system, input).then((valueSet) => {
+                return valueSet.expansion.contains.map((e) => ({
+                    system: e.system,
+                    code: e.code,
+                    display: e.display,
+                }));
+            });
+        }, buildUnstructured: (str) => ({ code: str }), getId: (item) => item.code, getDisplay: (item) => React.createElement(CodingDisplay, { value: item }), name: props.name, defaultValue: defaultValue, onChange: (values) => {
+            if (props.onChange) {
+                props.onChange(values[0]);
+            }
+        } }));
+}
+
+export { CodingInput };
+//# sourceMappingURL=CodingInput.js.map

package/dist/esm/CodingInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodingInput.js","sources":["../../src/CodingInput.tsx"],"sourcesContent":["import { Coding, ElementDefinition, ValueSet, ValueSetExpansion, ValueSetExpansionContains } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Autocomplete } from './Autocomplete';\nimport { CodingDisplay } from './CodingDisplay';\nimport { useMedplum } from './MedplumProvider';\n\nexport interface CodingInputProps {\n  property: ElementDefinition;\n  name: string;\n  defaultValue?: Coding;\n  onChange?: (value: Coding) => void;\n}\n\nexport function CodingInput(props: CodingInputProps): JSX.Element {\n  const medplum = useMedplum();\n\n  let defaultValue = undefined;\n  if (props.defaultValue) {\n    defaultValue = [props.defaultValue];\n  }\n\n  return (\n    <Autocomplete\n      loadOptions={(input: string): Promise<Coding[]> => {\n        const system = props.property.binding?.valueSet as string;\n        return medplum.searchValueSet(system, input).then((valueSet: ValueSet) => {\n          return ((valueSet.expansion as ValueSetExpansion).contains as ValueSetExpansionContains[]).map(\n            (e) =>\n              ({\n                system: e.system,\n                code: e.code,\n                display: e.display,\n              } as Coding)\n          );\n        });\n      }}\n      buildUnstructured={(str: string) => ({ code: str })}\n      getId={(item: Coding) => item.code as string}\n      getDisplay={(item: Coding) => <CodingDisplay value={item} />}\n      name={props.name}\n      defaultValue={defaultValue}\n      onChange={(values: Coding[]) => {\n        if (props.onChange) {\n          props.onChange(values[0]);\n        }\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;AAaM,SAAU,WAAW,CAAC,KAAuB,EAAA;AACjD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,IAAI,YAAY,GAAG,SAAS,CAAC;IAC7B,IAAI,KAAK,CAAC,YAAY,EAAE;AACtB,QAAA,YAAY,GAAG,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AACrC,KAAA;IAED,QACE,oBAAC,YAAY,EAAA,EACX,WAAW,EAAE,CAAC,KAAa,KAAuB;;YAChD,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,QAAkB,CAAC;AAC1D,YAAA,OAAO,OAAO,CAAC,cAAc,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,QAAkB,KAAI;AACvE,gBAAA,OAAS,QAAQ,CAAC,SAA+B,CAAC,QAAwC,CAAC,GAAG,CAC5F,CAAC,CAAC,MACC;oBACC,MAAM,EAAE,CAAC,CAAC,MAAM;oBAChB,IAAI,EAAE,CAAC,CAAC,IAAI;oBACZ,OAAO,EAAE,CAAC,CAAC,OAAO;AACR,iBAAA,CAAA,CACf,CAAC;AACJ,aAAC,CAAC,CAAC;SACJ,EACD,iBAAiB,EAAE,CAAC,GAAW,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EACnD,KAAK,EAAE,CAAC,IAAY,KAAK,IAAI,CAAC,IAAc,EAC5C,UAAU,EAAE,CAAC,IAAY,KAAK,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAC,KAAK,EAAE,IAAI,EAAA,CAAI,EAC5D,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,MAAgB,KAAI;YAC7B,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;AAC3B,aAAA;SACF,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/ContactDetailDisplay.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ContactPointDisplay } from './ContactPointDisplay.js';
+
+function ContactDetailDisplay(props) {
+    var _a;
+    const contactDetail = props.value;
+    if (!contactDetail) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        contactDetail.name,
+        contactDetail.name && ': ', (_a = contactDetail.telecom) === null || _a === void 0 ? void 0 :
+        _a.map((telecom, index) => (React.createElement(ContactPointDisplay, { key: 'telecom-' + index, value: telecom })))));
+}
+
+export { ContactDetailDisplay };
+//# sourceMappingURL=ContactDetailDisplay.js.map

package/dist/esm/ContactDetailDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactDetailDisplay.js","sources":["../../src/ContactDetailDisplay.tsx"],"sourcesContent":["import { ContactDetail } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { ContactPointDisplay } from './ContactPointDisplay';\n\nexport interface ContactDetailDisplayProps {\n  value?: ContactDetail;\n}\n\nexport function ContactDetailDisplay(props: ContactDetailDisplayProps): JSX.Element | null {\n  const contactDetail = props.value;\n  if (!contactDetail) {\n    return null;\n  }\n\n  return (\n    <>\n      {contactDetail.name}\n      {contactDetail.name && ': '}\n      {contactDetail.telecom?.map((telecom, index) => (\n        <ContactPointDisplay key={'telecom-' + index} value={telecom} />\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;;AACnE,IAAA,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC;IAClC,IAAI,CAAC,aAAa,EAAE;AAClB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACG,QAAA,aAAa,CAAC,IAAI;QAClB,aAAa,CAAC,IAAI,IAAI,IAAI,EAC1B,CAAA,EAAA,GAAA,aAAa,CAAC,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA;WAAE,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,MACzC,KAAC,CAAA,aAAA,CAAA,mBAAmB,EAAC,EAAA,GAAG,EAAE,UAAU,GAAG,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,CAAI,CACjE,CAAC,CACD,EACH;AACJ;;;;"}

package/dist/esm/ContactDetailInput.js

@@ -0,0 +1,37 @@
+import React, { useState, useRef } from 'react';
+import { ContactPointInput } from './ContactPointInput.js';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+
+function ContactDetailInput(props) {
+    var _a;
+    const [contactPoint, setContactDetail] = useState(props.defaultValue);
+    const ref = useRef();
+    ref.current = contactPoint;
+    function setContactDetailWrapper(newValue) {
+        setContactDetail(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    function setName(name) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { name });
+        if (!name) {
+            delete newValue.name;
+        }
+        setContactDetailWrapper(newValue);
+    }
+    function setTelecom(telecom) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { telecom: telecom && [telecom] });
+        if (!telecom) {
+            delete newValue.telecom;
+        }
+        setContactDetailWrapper(newValue);
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Input, { name: props.name + '-name', placeholder: "Name", style: { width: 180 }, defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.name, onChange: setName }),
+        React.createElement(ContactPointInput, { name: props.name + '-telecom', defaultValue: (_a = contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.telecom) === null || _a === void 0 ? void 0 : _a[0], onChange: setTelecom })));
+}
+
+export { ContactDetailInput };
+//# sourceMappingURL=ContactDetailInput.js.map

package/dist/esm/ContactDetailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactDetailInput.js","sources":["../../src/ContactDetailInput.tsx"],"sourcesContent":["import { ContactDetail, ContactPoint } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { ContactPointInput } from './ContactPointInput';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\n\nexport interface ContactDetailInputProps {\n  name: string;\n  defaultValue?: ContactDetail;\n  onChange?: (value: ContactDetail) => void;\n}\n\nexport function ContactDetailInput(props: ContactDetailInputProps): JSX.Element {\n  const [contactPoint, setContactDetail] = useState(props.defaultValue);\n\n  const ref = useRef<ContactDetail>();\n  ref.current = contactPoint;\n\n  function setContactDetailWrapper(newValue: ContactDetail): void {\n    setContactDetail(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  function setName(name: string): void {\n    const newValue: ContactDetail = { ...ref.current, name };\n    if (!name) {\n      delete newValue.name;\n    }\n    setContactDetailWrapper(newValue);\n  }\n\n  function setTelecom(telecom: ContactPoint | undefined): void {\n    const newValue: ContactDetail = { ...ref.current, telecom: telecom && [telecom] };\n    if (!telecom) {\n      delete newValue.telecom;\n    }\n    setContactDetailWrapper(newValue);\n  }\n\n  return (\n    <InputRow>\n      <Input\n        name={props.name + '-name'}\n        placeholder=\"Name\"\n        style={{ width: 180 }}\n        defaultValue={contactPoint?.name}\n        onChange={setName}\n      />\n      <ContactPointInput\n        name={props.name + '-telecom'}\n        defaultValue={contactPoint?.telecom?.[0]}\n        onChange={setTelecom}\n      />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":";;;;;AAYM,SAAU,kBAAkB,CAAC,KAA8B,EAAA;;AAC/D,IAAA,MAAM,CAAC,YAAY,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;AAEtE,IAAA,MAAM,GAAG,GAAG,MAAM,EAAiB,CAAC;AACpC,IAAA,GAAG,CAAC,OAAO,GAAG,YAAY,CAAC;IAE3B,SAAS,uBAAuB,CAAC,QAAuB,EAAA;QACtD,gBAAgB,CAAC,QAAQ,CAAC,CAAC;QAC3B,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,SAAS,OAAO,CAAC,IAAY,EAAA;QAC3B,MAAM,QAAQ,mCAAuB,GAAG,CAAC,OAAO,CAAE,EAAA,EAAA,IAAI,GAAE,CAAC;QACzD,IAAI,CAAC,IAAI,EAAE;YACT,OAAO,QAAQ,CAAC,IAAI,CAAC;AACtB,SAAA;QACD,uBAAuB,CAAC,QAAQ,CAAC,CAAC;KACnC;IAED,SAAS,UAAU,CAAC,OAAiC,EAAA;AACnD,QAAA,MAAM,QAAQ,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAuB,GAAG,CAAC,OAAO,CAAE,EAAA,EAAA,OAAO,EAAE,OAAO,IAAI,CAAC,OAAO,CAAC,GAAE,CAAC;QAClF,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,QAAQ,CAAC,OAAO,CAAC;AACzB,SAAA;QACD,uBAAuB,CAAC,QAAQ,CAAC,CAAC;KACnC;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,OAAO,EAC1B,WAAW,EAAC,MAAM,EAClB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EACrB,YAAY,EAAE,YAAY,KAAZ,IAAA,IAAA,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,IAAI,EAChC,QAAQ,EAAE,OAAO,EACjB,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,iBAAiB,EAAA,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,UAAU,EAC7B,YAAY,EAAE,MAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAZ,YAAY,CAAE,OAAO,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,EACxC,QAAQ,EAAE,UAAU,EACpB,CAAA,CACO,EACX;AACJ;;;;"}

package/dist/esm/ContactPointDisplay.js

@@ -0,0 +1,29 @@
+import React from 'react';
+
+function ContactPointDisplay(props) {
+    const contactPoint = props.value;
+    if (!contactPoint) {
+        return null;
+    }
+    const builder = [];
+    if (contactPoint.value) {
+        builder.push(contactPoint.value);
+    }
+    if (contactPoint.use || contactPoint.system) {
+        builder.push(' [');
+        if (contactPoint.use) {
+            builder.push(contactPoint.use);
+        }
+        if (contactPoint.use && contactPoint.system) {
+            builder.push(' ');
+        }
+        if (contactPoint.system) {
+            builder.push(contactPoint.system);
+        }
+        builder.push(']');
+    }
+    return React.createElement(React.Fragment, null, builder.join('').trim());
+}
+
+export { ContactPointDisplay };
+//# sourceMappingURL=ContactPointDisplay.js.map

package/dist/esm/ContactPointDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactPointDisplay.js","sources":["../../src/ContactPointDisplay.tsx"],"sourcesContent":["import { ContactPoint } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface ContactPointDisplayProps {\n  value?: ContactPoint;\n}\n\nexport function ContactPointDisplay(props: ContactPointDisplayProps): JSX.Element | null {\n  const contactPoint = props.value;\n  if (!contactPoint) {\n    return null;\n  }\n\n  const builder = [];\n\n  if (contactPoint.value) {\n    builder.push(contactPoint.value);\n  }\n\n  if (contactPoint.use || contactPoint.system) {\n    builder.push(' [');\n\n    if (contactPoint.use) {\n      builder.push(contactPoint.use);\n    }\n\n    if (contactPoint.use && contactPoint.system) {\n      builder.push(' ');\n    }\n\n    if (contactPoint.system) {\n      builder.push(contactPoint.system);\n    }\n\n    builder.push(']');\n  }\n\n  return <>{builder.join('').trim()}</>;\n}\n"],"names":[],"mappings":";;AAOM,SAAU,mBAAmB,CAAC,KAA+B,EAAA;AACjE,IAAA,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC;IACjC,IAAI,CAAC,YAAY,EAAE;AACjB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IAED,MAAM,OAAO,GAAG,EAAE,CAAC;IAEnB,IAAI,YAAY,CAAC,KAAK,EAAE;AACtB,QAAA,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAClC,KAAA;AAED,IAAA,IAAI,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,MAAM,EAAE;AAC3C,QAAA,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEnB,IAAI,YAAY,CAAC,GAAG,EAAE;AACpB,YAAA,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;AAChC,SAAA;AAED,QAAA,IAAI,YAAY,CAAC,GAAG,IAAI,YAAY,CAAC,MAAM,EAAE;AAC3C,YAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnB,SAAA;QAED,IAAI,YAAY,CAAC,MAAM,EAAE;AACvB,YAAA,OAAO,CAAC,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;AACnC,SAAA;AAED,QAAA,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACnB,KAAA;IAED,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,CAAI,CAAC;AACxC;;;;"}

package/dist/esm/ContactPointInput.js

@@ -0,0 +1,60 @@
+import React, { useState, useRef } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+import { Select } from './Select.js';
+
+function ContactPointInput(props) {
+    const [contactPoint, setContactPoint] = useState(props.defaultValue);
+    const ref = useRef();
+    ref.current = contactPoint;
+    function setContactPointWrapper(newValue) {
+        if (newValue && Object.keys(newValue).length === 0) {
+            newValue = undefined;
+        }
+        setContactPoint(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    function setSystem(system) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { system });
+        if (!system) {
+            delete newValue.system;
+        }
+        setContactPointWrapper(newValue);
+    }
+    function setUse(use) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { use });
+        if (!use) {
+            delete newValue.use;
+        }
+        setContactPointWrapper(newValue);
+    }
+    function setValue(value) {
+        const newValue = Object.assign(Object.assign({}, ref.current), { value });
+        if (!value) {
+            delete newValue.value;
+        }
+        setContactPointWrapper(newValue);
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Select, { defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.system, onChange: setSystem, testid: "system" },
+            React.createElement("option", null),
+            React.createElement("option", null, "email"),
+            React.createElement("option", null, "fax"),
+            React.createElement("option", null, "pager"),
+            React.createElement("option", null, "phone"),
+            React.createElement("option", null, "other"),
+            React.createElement("option", null, "sms")),
+        React.createElement(Select, { defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.use, onChange: setUse, testid: "use" },
+            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(Input, { placeholder: "Value", defaultValue: contactPoint === null || contactPoint === void 0 ? void 0 : contactPoint.value, onChange: setValue })));
+}
+
+export { ContactPointInput };
+//# sourceMappingURL=ContactPointInput.js.map

package/dist/esm/ContactPointInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactPointInput.js","sources":["../../src/ContactPointInput.tsx"],"sourcesContent":["import { ContactPoint } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\nimport { Select } from './Select';\n\nexport interface ContactPointInputProps {\n  name: string;\n  defaultValue?: ContactPoint;\n  onChange?: (value: ContactPoint | undefined) => void;\n}\n\nexport function ContactPointInput(props: ContactPointInputProps): JSX.Element {\n  const [contactPoint, setContactPoint] = useState(props.defaultValue);\n\n  const ref = useRef<ContactPoint>();\n  ref.current = contactPoint;\n\n  function setContactPointWrapper(newValue: ContactPoint | undefined): void {\n    if (newValue && Object.keys(newValue).length === 0) {\n      newValue = undefined;\n    }\n    setContactPoint(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  function setSystem(system: string): void {\n    const newValue: ContactPoint = { ...ref.current, system };\n    if (!system) {\n      delete newValue.system;\n    }\n    setContactPointWrapper(newValue);\n  }\n\n  function setUse(use: string): void {\n    const newValue: ContactPoint = { ...ref.current, use };\n    if (!use) {\n      delete newValue.use;\n    }\n    setContactPointWrapper(newValue);\n  }\n\n  function setValue(value: string): void {\n    const newValue: ContactPoint = { ...ref.current, value };\n    if (!value) {\n      delete newValue.value;\n    }\n    setContactPointWrapper(newValue);\n  }\n\n  return (\n    <InputRow>\n      <Select defaultValue={contactPoint?.system} onChange={setSystem} testid=\"system\">\n        <option></option>\n        <option>email</option>\n        <option>fax</option>\n        <option>pager</option>\n        <option>phone</option>\n        <option>other</option>\n        <option>sms</option>\n      </Select>\n      <Select defaultValue={contactPoint?.use} onChange={setUse} testid=\"use\">\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      <Input placeholder=\"Value\" defaultValue={contactPoint?.value} onChange={setValue} />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/DateTimeInput.js

@@ -0,0 +1,60 @@
+import { isValidDate } from '@medplum/core';
+import React from 'react';
+import { Input } from './Input.js';
+
+/**
+ * The DateTimeInput component is a wrapper around the HTML5 input type="datetime-local".
+ * The main purpose is to reconcile time zones.
+ * Most of our date/time values are in ISO-8601, which includes a time zone offset.
+ * The datetime-local input does not support the time zone offset.
+ * @param props The Input props.
+ * @returns The JSX element to render.
+ */
+function DateTimeInput(props) {
+    return (React.createElement(Input, Object.assign({}, props, { type: "datetime-local", defaultValue: convertIsoToLocal(props.defaultValue), onChange: (newValue) => {
+            if (props.onChange) {
+                props.onChange(convertLocalToIso(newValue));
+            }
+        } })));
+}
+/**
+ * Converts an ISO-8601 date/time string to a local date/time string.
+ * @param isoString The ISO-8601 date/time string to convert.
+ * @returns The local date/time string.
+ */
+function convertIsoToLocal(isoString) {
+    if (!isoString) {
+        return '';
+    }
+    // Convert the ISO-8601 date to a local datetime-local value.
+    // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#local_date_and_time_strings
+    // See: https://stackoverflow.com/a/60368477
+    const date = new Date(isoString);
+    if (!isValidDate(date)) {
+        // If the input string was malformed, return an empty string.
+        return '';
+    }
+    return date.toLocaleDateString('sv') + 'T' + date.toLocaleTimeString('sv');
+}
+/**
+ * Converts a local date/time string to an ISO-8601 date/time string.
+ * @param localString The local date/time string to convert.
+ * @returns The ISO-8601 date/time string.
+ */
+function convertLocalToIso(localString) {
+    if (!localString) {
+        return '';
+    }
+    // Try to parse the local string as a Date
+    // JavaScript's Date() constructor defaults to the local time zone.
+    // The Date() constructor will throw if the value is malformed.
+    const date = new Date(localString);
+    if (!isValidDate(date)) {
+        // If the input string was malformed, return an empty string.
+        return '';
+    }
+    return date.toISOString();
+}
+
+export { DateTimeInput, convertIsoToLocal, convertLocalToIso };
+//# sourceMappingURL=DateTimeInput.js.map

package/dist/esm/DateTimeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimeInput.js","sources":["../../src/DateTimeInput.tsx"],"sourcesContent":["import { isValidDate } from '@medplum/core';\nimport React from 'react';\nimport { Input, InputProps } from './Input';\n\n/**\n * The DateTimeInput component is a wrapper around the HTML5 input type=\"datetime-local\".\n * The main purpose is to reconcile time zones.\n * Most of our date/time values are in ISO-8601, which includes a time zone offset.\n * The datetime-local input does not support the time zone offset.\n * @param props The Input props.\n * @returns The JSX element to render.\n */\nexport function DateTimeInput(props: InputProps): JSX.Element {\n  return (\n    <Input\n      {...props}\n      type=\"datetime-local\"\n      defaultValue={convertIsoToLocal(props.defaultValue as string | undefined)}\n      onChange={(newValue: string) => {\n        if (props.onChange) {\n          props.onChange(convertLocalToIso(newValue));\n        }\n      }}\n    />\n  );\n}\n\n/**\n * Converts an ISO-8601 date/time string to a local date/time string.\n * @param isoString The ISO-8601 date/time string to convert.\n * @returns The local date/time string.\n */\nexport function convertIsoToLocal(isoString: string | undefined): string {\n  if (!isoString) {\n    return '';\n  }\n\n  // Convert the ISO-8601 date to a local datetime-local value.\n  // See: https://developer.mozilla.org/en-US/docs/Web/HTML/Date_and_time_formats#local_date_and_time_strings\n  // See: https://stackoverflow.com/a/60368477\n  const date = new Date(isoString);\n  if (!isValidDate(date)) {\n    // If the input string was malformed, return an empty string.\n    return '';\n  }\n\n  return date.toLocaleDateString('sv') + 'T' + date.toLocaleTimeString('sv');\n}\n\n/**\n * Converts a local date/time string to an ISO-8601 date/time string.\n * @param localString The local date/time string to convert.\n * @returns The ISO-8601 date/time string.\n */\nexport function convertLocalToIso(localString: string | undefined): string {\n  if (!localString) {\n    return '';\n  }\n\n  // Try to parse the local string as a Date\n  // JavaScript's Date() constructor defaults to the local time zone.\n  // The Date() constructor will throw if the value is malformed.\n  const date = new Date(localString);\n  if (!isValidDate(date)) {\n    // If the input string was malformed, return an empty string.\n    return '';\n  }\n\n  return date.toISOString();\n}\n"],"names":[],"mappings":";;;;AAIA;;;;;;;AAOG;AACG,SAAU,aAAa,CAAC,KAAiB,EAAA;IAC7C,QACE,KAAC,CAAA,aAAA,CAAA,KAAK,EACA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,IACT,IAAI,EAAC,gBAAgB,EACrB,YAAY,EAAE,iBAAiB,CAAC,KAAK,CAAC,YAAkC,CAAC,EACzE,QAAQ,EAAE,CAAC,QAAgB,KAAI;YAC7B,IAAI,KAAK,CAAC,QAAQ,EAAE;gBAClB,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,CAAC;AAC7C,aAAA;SACF,EAAA,CAAA,CACD,EACF;AACJ,CAAC;AAED;;;;AAIG;AACG,SAAU,iBAAiB,CAAC,SAA6B,EAAA;IAC7D,IAAI,CAAC,SAAS,EAAE;AACd,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;;;AAKD,IAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC;AACjC,IAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;;AAEtB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AAED,IAAA,OAAO,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAC7E,CAAC;AAED;;;;AAIG;AACG,SAAU,iBAAiB,CAAC,WAA+B,EAAA;IAC/D,IAAI,CAAC,WAAW,EAAE;AAChB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;;;;AAKD,IAAA,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC;AACnC,IAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE;;AAEtB,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;AAED,IAAA,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;AAC5B;;;;"}

package/dist/esm/DefaultResourceTimeline.js

@@ -0,0 +1,27 @@
+import { getReferenceString } from '@medplum/core';
+import React from 'react';
+import { ResourceTimeline } from './ResourceTimeline.js';
+
+function DefaultResourceTimeline(props) {
+    return (React.createElement(ResourceTimeline, { value: props.resource, buildSearchRequests: (resource) => ({
+            resourceType: 'Bundle',
+            type: 'batch',
+            entry: [
+                {
+                    request: {
+                        method: 'GET',
+                        url: `${getReferenceString(resource)}/_history`,
+                    },
+                },
+                {
+                    request: {
+                        method: 'GET',
+                        url: `AuditEvent?entity=${getReferenceString(resource)}&_sort=-_lastUpdated`,
+                    },
+                },
+            ],
+        }) }));
+}
+
+export { DefaultResourceTimeline };
+//# sourceMappingURL=DefaultResourceTimeline.js.map

package/dist/esm/DefaultResourceTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultResourceTimeline.js","sources":["../../src/DefaultResourceTimeline.tsx"],"sourcesContent":["import { getReferenceString } from '@medplum/core';\nimport { Reference, Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { ResourceTimeline } from './ResourceTimeline';\n\nexport interface DefaultResourceTimelineProps {\n  resource: Resource | Reference;\n}\n\nexport function DefaultResourceTimeline(props: DefaultResourceTimelineProps): JSX.Element {\n  return (\n    <ResourceTimeline\n      value={props.resource}\n      buildSearchRequests={(resource: Resource) => ({\n        resourceType: 'Bundle',\n        type: 'batch',\n        entry: [\n          {\n            request: {\n              method: 'GET',\n              url: `${getReferenceString(resource)}/_history`,\n            },\n          },\n          {\n            request: {\n              method: 'GET',\n              url: `AuditEvent?entity=${getReferenceString(resource)}&_sort=-_lastUpdated`,\n            },\n          },\n        ],\n      })}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AASM,SAAU,uBAAuB,CAAC,KAAmC,EAAA;AACzE,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,KAAK,EAAE,KAAK,CAAC,QAAQ,EACrB,mBAAmB,EAAE,CAAC,QAAkB,MAAM;AAC5C,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,IAAI,EAAE,OAAO;AACb,YAAA,KAAK,EAAE;AACL,gBAAA;AACE,oBAAA,OAAO,EAAE;AACP,wBAAA,MAAM,EAAE,KAAK;AACb,wBAAA,GAAG,EAAE,CAAG,EAAA,kBAAkB,CAAC,QAAQ,CAAC,CAAW,SAAA,CAAA;AAChD,qBAAA;AACF,iBAAA;AACD,gBAAA;AACE,oBAAA,OAAO,EAAE;AACP,wBAAA,MAAM,EAAE,KAAK;AACb,wBAAA,GAAG,EAAE,CAAqB,kBAAA,EAAA,kBAAkB,CAAC,QAAQ,CAAC,CAAsB,oBAAA,CAAA;AAC7E,qBAAA;AACF,iBAAA;AACF,aAAA;SACF,CAAC,EAAA,CACF,EACF;AACJ;;;;"}

package/dist/esm/DescriptionList.js

@@ -0,0 +1,13 @@
+import React from 'react';
+
+function DescriptionList(props) {
+    return React.createElement("dl", { className: 'medplum-description-list' + (props.compact ? ' compact' : '') }, props.children);
+}
+function DescriptionListEntry(props) {
+    return (React.createElement(React.Fragment, null,
+        React.createElement("dt", null, props.term),
+        React.createElement("dd", null, props.children)));
+}
+
+export { DescriptionList, DescriptionListEntry };
+//# sourceMappingURL=DescriptionList.js.map

package/dist/esm/DescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DescriptionList.js","sources":["../../src/DescriptionList.tsx"],"sourcesContent":["import React from 'react';\nimport './DescriptionList.css';\n\nexport interface DescriptionListProps {\n  children: React.ReactNode;\n  compact?: boolean;\n}\n\nexport function DescriptionList(props: DescriptionListProps): JSX.Element {\n  return <dl className={'medplum-description-list' + (props.compact ? ' compact' : '')}>{props.children}</dl>;\n}\n\nexport interface DescriptionListEntryProps {\n  term: string;\n  children: React.ReactNode;\n}\n\nexport function DescriptionListEntry(props: DescriptionListEntryProps): JSX.Element {\n  return (\n    <>\n      <dt>{props.term}</dt>\n      <dd>{props.children}</dd>\n    </>\n  );\n}\n"],"names":[],"mappings":";;AAQM,SAAU,eAAe,CAAC,KAA2B,EAAA;IACzD,OAAO,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAE,0BAA0B,IAAI,KAAK,CAAC,OAAO,GAAG,UAAU,GAAG,EAAE,CAAC,IAAG,KAAK,CAAC,QAAQ,CAAM,CAAC;AAC9G,CAAC;AAOK,SAAU,oBAAoB,CAAC,KAAgC,EAAA;AACnE,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;QACE,KAAK,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAA,KAAK,CAAC,IAAI,CAAM;AACrB,QAAA,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,EAAK,KAAK,CAAC,QAAQ,CAAM,CACxB,EACH;AACJ;;;;"}