@medplum/react 0.9.25 → 0.9.26

package/dist/esm/QuestionnaireUtils.js

@@ -0,0 +1,103 @@
+import { PropertyType } from '@medplum/core';
+
+var QuestionnaireItemType;
+(function (QuestionnaireItemType) {
+    QuestionnaireItemType["group"] = "group";
+    QuestionnaireItemType["display"] = "display";
+    QuestionnaireItemType["question"] = "question";
+    QuestionnaireItemType["boolean"] = "boolean";
+    QuestionnaireItemType["decimal"] = "decimal";
+    QuestionnaireItemType["integer"] = "integer";
+    QuestionnaireItemType["date"] = "date";
+    QuestionnaireItemType["dateTime"] = "dateTime";
+    QuestionnaireItemType["time"] = "time";
+    QuestionnaireItemType["string"] = "string";
+    QuestionnaireItemType["text"] = "text";
+    QuestionnaireItemType["url"] = "url";
+    QuestionnaireItemType["choice"] = "choice";
+    QuestionnaireItemType["openChoice"] = "open-choice";
+    QuestionnaireItemType["attachment"] = "attachment";
+    QuestionnaireItemType["reference"] = "reference";
+    QuestionnaireItemType["quantity"] = "quantity";
+})(QuestionnaireItemType || (QuestionnaireItemType = {}));
+/**
+ * Adds initial values to a questionnaire resource from key value pairs.
+ * The values map uses "linkId" as key.
+ * The value depends on the questionnaire item type.
+ * @param questionnaire The original questionnaire.
+ * @param values Key value pairs for initial values.
+ * @returns Rewritten questionnaire with initial values.
+ */
+function addQuestionnaireInitialValues(questionnaire, values) {
+    return Object.assign(Object.assign({}, questionnaire), { item: addInitialValuesToItemArray(questionnaire.item, values) });
+}
+function addInitialValuesToItemArray(items, values) {
+    if (!items) {
+        return undefined;
+    }
+    return items.map((item) => addInitialValueToItem(item, values));
+}
+function addInitialValueToItem(item, values) {
+    const { linkId, type } = item;
+    if (!linkId || !type) {
+        return item;
+    }
+    if (type === 'group') {
+        return Object.assign(Object.assign({}, item), { item: addInitialValuesToItemArray(item.item, values) });
+    }
+    const suppliedValue = values[linkId];
+    if (!suppliedValue) {
+        return item;
+    }
+    let initialValue = undefined;
+    switch (type) {
+        case PropertyType.boolean:
+            initialValue = { valueBoolean: suppliedValue === 'true' };
+            break;
+        case PropertyType.code:
+        case PropertyType.Coding:
+            initialValue = { valueCoding: { code: suppliedValue } };
+            break;
+        case PropertyType.date:
+            initialValue = { valueDate: suppliedValue };
+            break;
+        case PropertyType.dateTime:
+        case PropertyType.instant:
+            initialValue = { valueDateTime: suppliedValue };
+            break;
+        case PropertyType.decimal:
+            initialValue = { valueDecimal: parseFloat(suppliedValue) };
+            break;
+        case PropertyType.integer:
+        case PropertyType.positiveInt:
+        case PropertyType.unsignedInt:
+            initialValue = { valueInteger: parseInt(suppliedValue) };
+            break;
+        case PropertyType.SystemString:
+        case PropertyType.string:
+        case PropertyType.markdown:
+            initialValue = { valueString: suppliedValue };
+            break;
+        case PropertyType.time:
+            initialValue = { valueTime: suppliedValue };
+            break;
+        case PropertyType.uri:
+        case PropertyType.url:
+            initialValue = { valueUri: suppliedValue };
+            break;
+        case PropertyType.canonical:
+        case PropertyType.Reference:
+            initialValue = { valueReference: { reference: suppliedValue } };
+            break;
+    }
+    if (!initialValue) {
+        return item;
+    }
+    return Object.assign(Object.assign({}, item), { initial: [initialValue] });
+}
+function isChoiceQuestion(item) {
+    return item.type === 'choice' || item.type === 'open-choice';
+}
+
+export { QuestionnaireItemType, addQuestionnaireInitialValues, isChoiceQuestion };
+//# sourceMappingURL=QuestionnaireUtils.js.map

package/dist/esm/QuestionnaireUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireUtils.js","sources":["../../src/QuestionnaireUtils.ts"],"sourcesContent":["import { PropertyType } from '@medplum/core';\nimport { Questionnaire, QuestionnaireItem, QuestionnaireItemInitial } from '@medplum/fhirtypes';\n\nexport enum QuestionnaireItemType {\n  group = 'group',\n  display = 'display',\n  question = 'question',\n  boolean = 'boolean',\n  decimal = 'decimal',\n  integer = 'integer',\n  date = 'date',\n  dateTime = 'dateTime',\n  time = 'time',\n  string = 'string',\n  text = 'text',\n  url = 'url',\n  choice = 'choice',\n  openChoice = 'open-choice',\n  attachment = 'attachment',\n  reference = 'reference',\n  quantity = 'quantity',\n}\n\n/**\n * Adds initial values to a questionnaire resource from key value pairs.\n * The values map uses \"linkId\" as key.\n * The value depends on the questionnaire item type.\n * @param questionnaire The original questionnaire.\n * @param values Key value pairs for initial values.\n * @returns Rewritten questionnaire with initial values.\n */\nexport function addQuestionnaireInitialValues(\n  questionnaire: Questionnaire,\n  values: Record<string, string>\n): Questionnaire {\n  return {\n    ...questionnaire,\n    item: addInitialValuesToItemArray(questionnaire.item, values),\n  };\n}\n\nfunction addInitialValuesToItemArray(\n  items: QuestionnaireItem[] | undefined,\n  values: any\n): QuestionnaireItem[] | undefined {\n  if (!items) {\n    return undefined;\n  }\n  return items.map((item) => addInitialValueToItem(item, values));\n}\n\nfunction addInitialValueToItem(item: QuestionnaireItem, values: Record<string, string>): QuestionnaireItem {\n  const { linkId, type } = item;\n  if (!linkId || !type) {\n    return item;\n  }\n\n  if (type === 'group') {\n    return {\n      ...item,\n      item: addInitialValuesToItemArray(item.item, values),\n    };\n  }\n\n  const suppliedValue = values[linkId];\n  if (!suppliedValue) {\n    return item;\n  }\n\n  let initialValue: QuestionnaireItemInitial | undefined = undefined;\n  switch (type) {\n    case PropertyType.boolean:\n      initialValue = { valueBoolean: suppliedValue === 'true' };\n      break;\n    case PropertyType.code:\n    case PropertyType.Coding:\n      initialValue = { valueCoding: { code: suppliedValue } };\n      break;\n    case PropertyType.date:\n      initialValue = { valueDate: suppliedValue };\n      break;\n    case PropertyType.dateTime:\n    case PropertyType.instant:\n      initialValue = { valueDateTime: suppliedValue };\n      break;\n    case PropertyType.decimal:\n      initialValue = { valueDecimal: parseFloat(suppliedValue) };\n      break;\n    case PropertyType.integer:\n    case PropertyType.positiveInt:\n    case PropertyType.unsignedInt:\n      initialValue = { valueInteger: parseInt(suppliedValue) };\n      break;\n    case PropertyType.SystemString:\n    case PropertyType.string:\n    case PropertyType.markdown:\n      initialValue = { valueString: suppliedValue };\n      break;\n    case PropertyType.time:\n      initialValue = { valueTime: suppliedValue };\n      break;\n    case PropertyType.uri:\n    case PropertyType.url:\n      initialValue = { valueUri: suppliedValue };\n      break;\n    case PropertyType.canonical:\n    case PropertyType.Reference:\n      initialValue = { valueReference: { reference: suppliedValue } };\n      break;\n  }\n\n  if (!initialValue) {\n    return item;\n  }\n\n  return {\n    ...item,\n    initial: [initialValue],\n  };\n}\n\nexport function isChoiceQuestion(item: QuestionnaireItem): boolean {\n  return item.type === 'choice' || item.type === 'open-choice';\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/RangeDisplay.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { formatQuantityString } from './QuantityDisplay.js';
+
+function RangeDisplay(props) {
+    return React.createElement(React.Fragment, null, formatRangeString(props.value));
+}
+function formatRangeString(range) {
+    if (!range || (!range.low && !range.high)) {
+        return '';
+    }
+    if (range.low && !range.high) {
+        return `>= ${formatQuantityString(range.low)}`;
+    }
+    if (!range.low && range.high) {
+        return `<= ${formatQuantityString(range.high)}`;
+    }
+    return `${formatQuantityString(range.low)} - ${formatQuantityString(range.high)}`;
+}
+
+export { RangeDisplay, formatRangeString };
+//# sourceMappingURL=RangeDisplay.js.map

package/dist/esm/RangeDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeDisplay.js","sources":["../../src/RangeDisplay.tsx"],"sourcesContent":["import { Range } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { formatQuantityString } from './QuantityDisplay';\n\nexport interface RangeDisplayProps {\n  value?: Range;\n}\n\nexport function RangeDisplay(props: RangeDisplayProps): JSX.Element | null {\n  return <>{formatRangeString(props.value)}</>;\n}\n\nexport function formatRangeString(range: Range | undefined): string {\n  if (!range || (!range.low && !range.high)) {\n    return '';\n  }\n\n  if (range.low && !range.high) {\n    return `>= ${formatQuantityString(range.low)}`;\n  }\n\n  if (!range.low && range.high) {\n    return `<= ${formatQuantityString(range.high)}`;\n  }\n\n  return `${formatQuantityString(range.low)} - ${formatQuantityString(range.high)}`;\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,YAAY,CAAC,KAAwB,EAAA;IACnD,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,iBAAiB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAI,CAAC;AAC/C,CAAC;AAEK,SAAU,iBAAiB,CAAC,KAAwB,EAAA;AACxD,IAAA,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;AACzC,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;IAED,IAAI,KAAK,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;QAC5B,OAAO,CAAA,GAAA,EAAM,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;AAChD,KAAA;IAED,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,IAAI,EAAE;QAC5B,OAAO,CAAA,GAAA,EAAM,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACjD,KAAA;AAED,IAAA,OAAO,CAAG,EAAA,oBAAoB,CAAC,KAAK,CAAC,GAAG,CAAC,CAAM,GAAA,EAAA,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;AACpF;;;;"}

package/dist/esm/RangeInput.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { InputRow } from './InputRow.js';
+import { QuantityInput } from './QuantityInput.js';
+
+/**
+ * Renders a Range input.
+ * See: https://www.hl7.org/fhir/datatypes.html#Range
+ * @param props Range input properties.
+ * @returns Range input element.
+ */
+function RangeInput(props) {
+    const [value, setValue] = useState(props.defaultValue);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(QuantityInput, { name: props.name + '-low', defaultValue: value === null || value === void 0 ? void 0 : value.low, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { low: v })) }),
+        React.createElement(QuantityInput, { name: props.name + '-high', defaultValue: value === null || value === void 0 ? void 0 : value.high, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { high: v })) })));
+}
+
+export { RangeInput };
+//# sourceMappingURL=RangeInput.js.map

package/dist/esm/RangeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeInput.js","sources":["../../src/RangeInput.tsx"],"sourcesContent":["import { Range } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { InputRow } from './InputRow';\nimport { QuantityInput } from './QuantityInput';\n\nexport interface RangeInputProps {\n  name: string;\n  defaultValue?: Range;\n  onChange?: (value: Range) => void;\n}\n\n/**\n * Renders a Range input.\n * See: https://www.hl7.org/fhir/datatypes.html#Range\n * @param props Range input properties.\n * @returns Range input element.\n */\nexport function RangeInput(props: RangeInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Range): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      <QuantityInput\n        name={props.name + '-low'}\n        defaultValue={value?.low}\n        onChange={(v) =>\n          setValueWrapper({\n            ...value,\n            low: v,\n          })\n        }\n      />\n      <QuantityInput\n        name={props.name + '-high'}\n        defaultValue={value?.high}\n        onChange={(v) =>\n          setValueWrapper({\n            ...value,\n            high: v,\n          })\n        }\n      />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":";;;;AAWA;;;;;AAKG;AACG,SAAU,UAAU,CAAC,KAAsB,EAAA;AAC/C,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,eAAe,CAAC,QAAe,EAAA;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,MAAM,EACzB,YAAY,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,GAAG,EACxB,QAAQ,EAAE,CAAC,CAAC,KACV,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CACR,EAAA,EAAA,GAAG,EAAE,CAAC,IACN,EAEJ,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,OAAO,EAC1B,YAAY,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,IAAI,EACzB,QAAQ,EAAE,CAAC,CAAC,KACV,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CAAA,EAAA,EACR,IAAI,EAAE,CAAC,IACP,EAEJ,CAAA,CACO,EACX;AACJ;;;;"}

package/dist/esm/RatioDisplay.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { QuantityDisplay } from './QuantityDisplay.js';
+
+function RatioDisplay(props) {
+    const value = props.value;
+    if (!value) {
+        return null;
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(QuantityDisplay, { value: value.numerator }),
+        "\u00A0/\u00A0",
+        React.createElement(QuantityDisplay, { value: value.denominator })));
+}
+
+export { RatioDisplay };
+//# sourceMappingURL=RatioDisplay.js.map

package/dist/esm/RatioDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatioDisplay.js","sources":["../../src/RatioDisplay.tsx"],"sourcesContent":["import { Ratio } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { QuantityDisplay } from './QuantityDisplay';\n\nexport interface RatioDisplayProps {\n  value?: Ratio;\n}\n\nexport function RatioDisplay(props: RatioDisplayProps): JSX.Element | null {\n  const value = props.value;\n  if (!value) {\n    return null;\n  }\n\n  return (\n    <>\n      <QuantityDisplay value={value.numerator} />\n      &nbsp;/&nbsp;\n      <QuantityDisplay value={value.denominator} />\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1B,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,SAAS,EAAI,CAAA;;QAE3C,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,WAAW,EAAA,CAAI,CAC5C,EACH;AACJ;;;;"}

package/dist/esm/RatioInput.js

@@ -0,0 +1,25 @@
+import React, { useState } from 'react';
+import { InputRow } from './InputRow.js';
+import { QuantityInput } from './QuantityInput.js';
+
+/**
+ * Renders a Ratio input.
+ * See: https://www.hl7.org/fhir/datatypes.html#Ratio
+ * @param props Ratio input properties.
+ * @returns Ratio input element.
+ */
+function RatioInput(props) {
+    const [value, setValue] = useState(props.defaultValue);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(QuantityInput, { name: props.name + '-numerator', defaultValue: value === null || value === void 0 ? void 0 : value.numerator, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { numerator: v })) }),
+        React.createElement(QuantityInput, { name: props.name + '-denominator', defaultValue: value === null || value === void 0 ? void 0 : value.denominator, onChange: (v) => setValueWrapper(Object.assign(Object.assign({}, value), { denominator: v })) })));
+}
+
+export { RatioInput };
+//# sourceMappingURL=RatioInput.js.map

package/dist/esm/RatioInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatioInput.js","sources":["../../src/RatioInput.tsx"],"sourcesContent":["import { Ratio } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { InputRow } from './InputRow';\nimport { QuantityInput } from './QuantityInput';\n\nexport interface RatioInputProps {\n  name: string;\n  defaultValue?: Ratio;\n  onChange?: (value: Ratio) => void;\n}\n\n/**\n * Renders a Ratio input.\n * See: https://www.hl7.org/fhir/datatypes.html#Ratio\n * @param props Ratio input properties.\n * @returns Ratio input element.\n */\nexport function RatioInput(props: RatioInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Ratio): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      <QuantityInput\n        name={props.name + '-numerator'}\n        defaultValue={value?.numerator}\n        onChange={(v) =>\n          setValueWrapper({\n            ...value,\n            numerator: v,\n          })\n        }\n      />\n      <QuantityInput\n        name={props.name + '-denominator'}\n        defaultValue={value?.denominator}\n        onChange={(v) =>\n          setValueWrapper({\n            ...value,\n            denominator: v,\n          })\n        }\n      />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":";;;;AAWA;;;;;AAKG;AACG,SAAU,UAAU,CAAC,KAAsB,EAAA;AAC/C,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,eAAe,CAAC,QAAe,EAAA;QACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EACZ,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,YAAY,EAC/B,YAAY,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,SAAS,EAC9B,QAAQ,EAAE,CAAC,CAAC,KACV,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CACR,EAAA,EAAA,SAAS,EAAE,CAAC,IACZ,EAEJ,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACZ,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,cAAc,EACjC,YAAY,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,WAAW,EAChC,QAAQ,EAAE,CAAC,CAAC,KACV,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CAAA,EAAA,EACR,WAAW,EAAE,CAAC,IACd,EAEJ,CAAA,CACO,EACX;AACJ;;;;"}

package/dist/esm/ReferenceDisplay.js

@@ -0,0 +1,21 @@
+import { stringify } from '@medplum/core';
+import React from 'react';
+import { MedplumLink } from './MedplumLink.js';
+
+function ReferenceDisplay(props) {
+    if (!props.value) {
+        return null;
+    }
+    const displayString = props.value.display || props.value.reference || stringify(props.value);
+    // The "link" prop defaults to "true"; undefined is treated as "true"
+    // To disable the link, it must be explicitly "false"
+    if (props.link !== false && props.value.reference) {
+        return React.createElement(MedplumLink, { to: props.value }, displayString);
+    }
+    else {
+        return React.createElement(React.Fragment, null, displayString);
+    }
+}
+
+export { ReferenceDisplay };
+//# sourceMappingURL=ReferenceDisplay.js.map

package/dist/esm/ReferenceDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceDisplay.js","sources":["../../src/ReferenceDisplay.tsx"],"sourcesContent":["import { stringify } from '@medplum/core';\nimport { Reference } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { MedplumLink } from './MedplumLink';\n\nexport interface ReferenceDisplayProps {\n  value?: Reference;\n  link?: boolean;\n}\n\nexport function ReferenceDisplay(props: ReferenceDisplayProps): JSX.Element | null {\n  if (!props.value) {\n    return null;\n  }\n\n  const displayString = props.value.display || props.value.reference || stringify(props.value);\n\n  // The \"link\" prop defaults to \"true\"; undefined is treated as \"true\"\n  // To disable the link, it must be explicitly \"false\"\n  if (props.link !== false && props.value.reference) {\n    return <MedplumLink to={props.value}>{displayString}</MedplumLink>;\n  } else {\n    return <>{displayString}</>;\n  }\n}\n"],"names":[],"mappings":";;;;AAUM,SAAU,gBAAgB,CAAC,KAA4B,EAAA;AAC3D,IAAA,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;AAChB,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;IAED,MAAM,aAAa,GAAG,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;;;IAI7F,IAAI,KAAK,CAAC,IAAI,KAAK,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,SAAS,EAAE;QACjD,OAAO,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,EAAE,EAAE,KAAK,CAAC,KAAK,EAAA,EAAG,aAAa,CAAe,CAAC;AACpE,KAAA;AAAM,SAAA;QACL,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,aAAa,CAAI,CAAC;AAC7B,KAAA;AACH;;;;"}

package/dist/esm/ReferenceInput.js

@@ -0,0 +1,42 @@
+import { createReference } from '@medplum/core';
+import React, { useState, useRef } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+import { ResourceInput } from './ResourceInput.js';
+import { Select } from './Select.js';
+
+function ReferenceInput(props) {
+    const targetTypes = props.targetTypes;
+    const initialResourceType = getInitialResourceType(props.defaultValue, targetTypes);
+    const [value, setValue] = useState(props.defaultValue);
+    const [resourceType, setResourceType] = useState(initialResourceType);
+    const valueRef = useRef();
+    valueRef.current = value;
+    const resourceTypeRef = useRef();
+    resourceTypeRef.current = resourceType;
+    function setValueHelper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(InputRow, null,
+        targetTypes ? (React.createElement(Select, { testid: "reference-input-resource-type-select", defaultValue: resourceType, onChange: setResourceType }, targetTypes.map((targetType) => (React.createElement("option", { key: targetType, value: targetType }, targetType))))) : (React.createElement(Input, { testid: "reference-input-resource-type-input", defaultValue: resourceType, onChange: setResourceType })),
+        React.createElement(ResourceInput, { resourceType: resourceType, name: props.name + '-id', defaultValue: value, onChange: (item) => {
+                setValueHelper(item ? createReference(item) : undefined);
+            } })));
+}
+function getInitialResourceType(defaultValue, targetTypes) {
+    var _a;
+    const defaultValueResourceType = (_a = defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.reference) === null || _a === void 0 ? void 0 : _a.split('/')[0];
+    if (defaultValueResourceType) {
+        return defaultValueResourceType;
+    }
+    if (targetTypes && targetTypes.length > 0) {
+        return targetTypes[0];
+    }
+    return undefined;
+}
+
+export { ReferenceInput };
+//# sourceMappingURL=ReferenceInput.js.map

package/dist/esm/ReferenceInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReferenceInput.js","sources":["../../src/ReferenceInput.tsx"],"sourcesContent":["import { createReference } from '@medplum/core';\nimport { Reference, Resource } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\nimport { ResourceInput } from './ResourceInput';\nimport { Select } from './Select';\n\nexport interface ReferenceInputProps {\n  name: string;\n  defaultValue?: Reference;\n  targetTypes?: string[];\n  onChange?: (value: Reference | undefined) => void;\n}\n\nexport function ReferenceInput(props: ReferenceInputProps): JSX.Element {\n  const targetTypes = props.targetTypes;\n  const initialResourceType = getInitialResourceType(props.defaultValue, targetTypes);\n  const [value, setValue] = useState<Reference | undefined>(props.defaultValue);\n  const [resourceType, setResourceType] = useState<string | undefined>(initialResourceType);\n\n  const valueRef = useRef<Reference>();\n  valueRef.current = value;\n\n  const resourceTypeRef = useRef<string>();\n  resourceTypeRef.current = resourceType;\n\n  function setValueHelper(newValue: Reference | undefined): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      {targetTypes ? (\n        <Select testid=\"reference-input-resource-type-select\" defaultValue={resourceType} onChange={setResourceType}>\n          {targetTypes.map((targetType) => (\n            <option key={targetType} value={targetType}>\n              {targetType}\n            </option>\n          ))}\n        </Select>\n      ) : (\n        <Input testid=\"reference-input-resource-type-input\" defaultValue={resourceType} onChange={setResourceType} />\n      )}\n      <ResourceInput\n        resourceType={resourceType as string}\n        name={props.name + '-id'}\n        defaultValue={value}\n        onChange={(item: Resource | undefined) => {\n          setValueHelper(item ? createReference(item) : undefined);\n        }}\n      />\n    </InputRow>\n  );\n}\n\nfunction getInitialResourceType(\n  defaultValue: Reference | undefined,\n  targetTypes: string[] | undefined\n): string | undefined {\n  const defaultValueResourceType = defaultValue?.reference?.split('/')[0];\n  if (defaultValueResourceType) {\n    return defaultValueResourceType;\n  }\n\n  if (targetTypes && targetTypes.length > 0) {\n    return targetTypes[0];\n  }\n\n  return undefined;\n}\n"],"names":[],"mappings":";;;;;;;AAeM,SAAU,cAAc,CAAC,KAA0B,EAAA;AACvD,IAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAAC;IACtC,MAAM,mBAAmB,GAAG,sBAAsB,CAAC,KAAK,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC;AACpF,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAwB,KAAK,CAAC,YAAY,CAAC,CAAC;IAC9E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAqB,mBAAmB,CAAC,CAAC;AAE1F,IAAA,MAAM,QAAQ,GAAG,MAAM,EAAa,CAAC;AACrC,IAAA,QAAQ,CAAC,OAAO,GAAG,KAAK,CAAC;AAEzB,IAAA,MAAM,eAAe,GAAG,MAAM,EAAU,CAAC;AACzC,IAAA,eAAe,CAAC,OAAO,GAAG,YAAY,CAAC;IAEvC,SAAS,cAAc,CAAC,QAA+B,EAAA;QACrD,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACN,QAAA,WAAW,IACV,KAAC,CAAA,aAAA,CAAA,MAAM,EAAC,EAAA,MAAM,EAAC,sCAAsC,EAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EACxG,EAAA,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,MAC1B,KAAQ,CAAA,aAAA,CAAA,QAAA,EAAA,EAAA,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EACvC,EAAA,UAAU,CACJ,CACV,CAAC,CACK,KAET,KAAC,CAAA,aAAA,CAAA,KAAK,EAAC,EAAA,MAAM,EAAC,qCAAqC,EAAC,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,GAAI,CAC9G;QACD,KAAC,CAAA,aAAA,CAAA,aAAa,IACZ,YAAY,EAAE,YAAsB,EACpC,IAAI,EAAE,KAAK,CAAC,IAAI,GAAG,KAAK,EACxB,YAAY,EAAE,KAAK,EACnB,QAAQ,EAAE,CAAC,IAA0B,KAAI;AACvC,gBAAA,cAAc,CAAC,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC;aAC1D,EAAA,CACD,CACO,EACX;AACJ,CAAC;AAED,SAAS,sBAAsB,CAC7B,YAAmC,EACnC,WAAiC,EAAA;;AAEjC,IAAA,MAAM,wBAAwB,GAAG,CAAA,EAAA,GAAA,YAAY,KAAA,IAAA,IAAZ,YAAY,KAAZ,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,YAAY,CAAE,SAAS,0CAAE,KAAK,CAAC,GAAG,CAAE,CAAA,CAAC,CAAC,CAAC;AACxE,IAAA,IAAI,wBAAwB,EAAE;AAC5B,QAAA,OAAO,wBAAwB,CAAC;AACjC,KAAA;AAED,IAAA,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE;AACzC,QAAA,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC;AACvB,KAAA;AAED,IAAA,OAAO,SAAS,CAAC;AACnB;;;;"}

package/dist/esm/RegisterForm.js

@@ -0,0 +1,110 @@
+import { __awaiter } from './node_modules/tslib/tslib.es6.js';
+import { parseJWTPayload } from '@medplum/core';
+import React, { useState, useEffect } from 'react';
+import { Button } from './Button.js';
+import { Document } from './Document.js';
+import { Form } from './Form.js';
+import { FormSection } from './FormSection.js';
+import { getGoogleClientId, GoogleButton } from './GoogleButton.js';
+import { Input } from './Input.js';
+import { useMedplum } from './MedplumProvider.js';
+import { getIssuesForExpression } from './utils/outcomes.js';
+import { initRecaptcha, getRecaptcha } from './utils/recaptcha.js';
+
+function RegisterForm(props) {
+    const medplum = useMedplum();
+    const googleClientId = getGoogleClientId(props.googleClientId);
+    const recaptchaSiteKey = props.recaptchaSiteKey;
+    const [outcome, setOutcome] = useState();
+    const issues = getIssuesForExpression(outcome, undefined);
+    useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);
+    function handleAuthResponse(registerRequest, partialLogin) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                let login;
+                if (props.type === 'patient') {
+                    login = yield medplum.startNewPatient(registerRequest, partialLogin);
+                }
+                else {
+                    login = yield medplum.startNewProject(registerRequest, partialLogin);
+                }
+                yield medplum.processCode(login.code);
+                props.onSuccess();
+            }
+            catch (err) {
+                setOutcome(err);
+            }
+        });
+    }
+    return (React.createElement(Document, { width: 450 },
+        React.createElement(Form, { style: { maxWidth: 400 }, onSubmit: (formData) => __awaiter(this, void 0, void 0, function* () {
+                try {
+                    const recaptchaToken = yield getRecaptcha(recaptchaSiteKey);
+                    const registerRequest = Object.assign(Object.assign({}, formData), { recaptchaToken });
+                    const userLogin = yield medplum.startNewUser(registerRequest);
+                    handleAuthResponse(registerRequest, userLogin);
+                }
+                catch (err) {
+                    setOutcome(err);
+                }
+            }) },
+            React.createElement("div", { className: "medplum-center" }, props.children),
+            issues && (React.createElement("div", { className: "medplum-input-error" }, issues.map((issue) => {
+                var _a, _b;
+                return (React.createElement("div", { "data-testid": "text-field-error", key: (_a = issue.details) === null || _a === void 0 ? void 0 : _a.text }, (_b = issue.details) === null || _b === void 0 ? void 0 : _b.text));
+            }))),
+            googleClientId && (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "medplum-signin-google-container" },
+                    React.createElement(GoogleButton, { googleClientId: googleClientId, handleGoogleCredential: (response) => __awaiter(this, void 0, void 0, function* () {
+                            try {
+                                const loginRequest = {
+                                    googleClientId: response.clientId,
+                                    googleCredential: response.credential,
+                                };
+                                const userLogin = yield medplum.startGoogleLogin(loginRequest);
+                                const googleClaims = parseJWTPayload(loginRequest.googleCredential);
+                                const registerRequest = {
+                                    firstName: googleClaims.given_name,
+                                    lastName: googleClaims.family_name,
+                                    email: googleClaims.email,
+                                };
+                                handleAuthResponse(registerRequest, userLogin);
+                            }
+                            catch (err) {
+                                setOutcome(err);
+                            }
+                        }) })),
+                React.createElement("div", { className: "medplum-signin-separator" }, "or"))),
+            React.createElement(FormSection, { title: "First Name", htmlFor: "firstName", outcome: outcome },
+                React.createElement(Input, { name: "firstName", type: "text", testid: "firstName", placeholder: "First name", required: true, autoFocus: true, outcome: outcome })),
+            React.createElement(FormSection, { title: "Last Name", htmlFor: "lastName", outcome: outcome },
+                React.createElement(Input, { name: "lastName", type: "text", testid: "lastName", placeholder: "Last name", required: true, outcome: outcome })),
+            props.type === 'project' && (React.createElement(FormSection, { title: "Project Name", htmlFor: "projectName", outcome: outcome },
+                React.createElement(Input, { name: "projectName", type: "text", testid: "projectName", placeholder: "My Project", required: true, outcome: outcome }))),
+            React.createElement(FormSection, { title: "Email", htmlFor: "email", outcome: outcome },
+                React.createElement(Input, { name: "email", type: "email", testid: "email", placeholder: "name@domain.com", required: true, outcome: outcome })),
+            React.createElement(FormSection, { title: "Password", htmlFor: "password", outcome: outcome },
+                React.createElement(Input, { name: "password", type: "password", testid: "password", autoComplete: "off", required: true, outcome: outcome })),
+            React.createElement("p", { style: { fontSize: '12px', color: '#888' } },
+                "By clicking submit you agree to the Medplum ",
+                React.createElement("a", { href: "https://www.medplum.com/privacy" }, "Privacy\u00A0Policy"),
+                ' and ',
+                React.createElement("a", { href: "https://www.medplum.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                "."),
+            React.createElement("p", { style: { fontSize: '12px', color: '#888' } },
+                "This site is protected by reCAPTCHA and the Google",
+                ' ',
+                React.createElement("a", { href: "https://policies.google.com/privacy" }, "Privacy\u00A0Policy"),
+                ' and ',
+                React.createElement("a", { href: "https://policies.google.com/terms" }, "Terms\u00A0of\u00A0Service"),
+                " apply."),
+            React.createElement("div", { className: "medplum-signin-buttons" },
+                React.createElement("div", null,
+                    React.createElement("input", { type: "checkbox", id: "remember", name: "remember", value: "true" }),
+                    React.createElement("label", { htmlFor: "remember" }, "Remember me")),
+                React.createElement("div", null,
+                    React.createElement(Button, { type: "submit", testid: "submit" }, "Create account"))))));
+}
+
+export { RegisterForm };
+//# sourceMappingURL=RegisterForm.js.map

package/dist/esm/RegisterForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RegisterForm.js","sources":["../../src/RegisterForm.tsx"],"sourcesContent":["import { GoogleCredentialResponse, LoginAuthenticationResponse, parseJWTPayload, RegisterRequest } from '@medplum/core';\nimport { OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from './Button';\nimport { Document } from './Document';\nimport { Form } from './Form';\nimport { FormSection } from './FormSection';\nimport { getGoogleClientId, GoogleButton } from './GoogleButton';\nimport { Input } from './Input';\nimport { useMedplum } from './MedplumProvider';\nimport { getIssuesForExpression } from './utils/outcomes';\nimport { getRecaptcha, initRecaptcha } from './utils/recaptcha';\nimport './SignInForm.css';\nimport './util.css';\n\nexport interface BaseRegisterFormProps {\n  readonly googleClientId?: string;\n  readonly recaptchaSiteKey: string;\n  readonly children?: React.ReactNode;\n  readonly onSuccess: () => void;\n}\n\nexport interface PatientRegisterFormProps extends BaseRegisterFormProps {\n  readonly type: 'patient';\n  readonly projectId: string;\n}\n\nexport interface ProjectRegisterFormProps extends BaseRegisterFormProps {\n  readonly type: 'project';\n}\n\nexport type RegisterFormProps = PatientRegisterFormProps | ProjectRegisterFormProps;\n\nexport function RegisterForm(props: RegisterFormProps): JSX.Element {\n  const medplum = useMedplum();\n  const googleClientId = getGoogleClientId(props.googleClientId);\n  const recaptchaSiteKey = props.recaptchaSiteKey;\n  const [outcome, setOutcome] = useState<OperationOutcome>();\n  const issues = getIssuesForExpression(outcome, undefined);\n\n  useEffect(() => initRecaptcha(recaptchaSiteKey), [recaptchaSiteKey]);\n\n  async function handleAuthResponse(\n    registerRequest: RegisterRequest,\n    partialLogin: LoginAuthenticationResponse\n  ): Promise<void> {\n    try {\n      let login;\n      if (props.type === 'patient') {\n        login = await medplum.startNewPatient(registerRequest, partialLogin);\n      } else {\n        login = await medplum.startNewProject(registerRequest, partialLogin);\n      }\n      await medplum.processCode(login.code as string);\n      props.onSuccess();\n    } catch (err) {\n      setOutcome(err as OperationOutcome);\n    }\n  }\n\n  return (\n    <Document width={450}>\n      <Form\n        style={{ maxWidth: 400 }}\n        onSubmit={async (formData: Record<string, string>) => {\n          try {\n            const recaptchaToken = await getRecaptcha(recaptchaSiteKey);\n            const registerRequest = { ...formData, recaptchaToken } as RegisterRequest;\n            const userLogin = await medplum.startNewUser(registerRequest);\n            handleAuthResponse(registerRequest, userLogin);\n          } catch (err) {\n            setOutcome(err as OperationOutcome);\n          }\n        }}\n      >\n        <div className=\"medplum-center\">{props.children}</div>\n        {issues && (\n          <div className=\"medplum-input-error\">\n            {issues.map((issue) => (\n              <div data-testid=\"text-field-error\" key={issue.details?.text}>\n                {issue.details?.text}\n              </div>\n            ))}\n          </div>\n        )}\n        {googleClientId && (\n          <>\n            <div className=\"medplum-signin-google-container\">\n              <GoogleButton\n                googleClientId={googleClientId}\n                handleGoogleCredential={async (response: GoogleCredentialResponse) => {\n                  try {\n                    const loginRequest = {\n                      googleClientId: response.clientId,\n                      googleCredential: response.credential,\n                    };\n                    const userLogin = await medplum.startGoogleLogin(loginRequest);\n                    const googleClaims = parseJWTPayload(loginRequest.googleCredential);\n                    const registerRequest = {\n                      firstName: googleClaims.given_name as string,\n                      lastName: googleClaims.family_name as string,\n                      email: googleClaims.email as string,\n                    };\n                    handleAuthResponse(registerRequest, userLogin);\n                  } catch (err) {\n                    setOutcome(err as OperationOutcome);\n                  }\n                }}\n              />\n            </div>\n            <div className=\"medplum-signin-separator\">or</div>\n          </>\n        )}\n        <FormSection title=\"First Name\" htmlFor=\"firstName\" outcome={outcome}>\n          <Input\n            name=\"firstName\"\n            type=\"text\"\n            testid=\"firstName\"\n            placeholder=\"First name\"\n            required={true}\n            autoFocus={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <FormSection title=\"Last Name\" htmlFor=\"lastName\" outcome={outcome}>\n          <Input\n            name=\"lastName\"\n            type=\"text\"\n            testid=\"lastName\"\n            placeholder=\"Last name\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        {props.type === 'project' && (\n          <FormSection title=\"Project Name\" htmlFor=\"projectName\" outcome={outcome}>\n            <Input\n              name=\"projectName\"\n              type=\"text\"\n              testid=\"projectName\"\n              placeholder=\"My Project\"\n              required={true}\n              outcome={outcome}\n            />\n          </FormSection>\n        )}\n        <FormSection title=\"Email\" htmlFor=\"email\" outcome={outcome}>\n          <Input\n            name=\"email\"\n            type=\"email\"\n            testid=\"email\"\n            placeholder=\"name@domain.com\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <FormSection title=\"Password\" htmlFor=\"password\" outcome={outcome}>\n          <Input\n            name=\"password\"\n            type=\"password\"\n            testid=\"password\"\n            autoComplete=\"off\"\n            required={true}\n            outcome={outcome}\n          />\n        </FormSection>\n        <p style={{ fontSize: '12px', color: '#888' }}>\n          By clicking submit you agree to the Medplum <a href=\"https://www.medplum.com/privacy\">Privacy&nbsp;Policy</a>\n          {' and '}\n          <a href=\"https://www.medplum.com/terms\">Terms&nbsp;of&nbsp;Service</a>.\n        </p>\n        <p style={{ fontSize: '12px', color: '#888' }}>\n          This site is protected by reCAPTCHA and the Google{' '}\n          <a href=\"https://policies.google.com/privacy\">Privacy&nbsp;Policy</a>\n          {' and '}\n          <a href=\"https://policies.google.com/terms\">Terms&nbsp;of&nbsp;Service</a> apply.\n        </p>\n        <div className=\"medplum-signin-buttons\">\n          <div>\n            <input type=\"checkbox\" id=\"remember\" name=\"remember\" value=\"true\" />\n            <label htmlFor=\"remember\">Remember me</label>\n          </div>\n          <div>\n            <Button type=\"submit\" testid=\"submit\">\n              Create account\n            </Button>\n          </div>\n        </div>\n      </Form>\n    </Document>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,cAAc,GAAG,iBAAiB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;AAC/D,IAAA,MAAM,gBAAgB,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAChD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAoB,CAAC;IAC3D,MAAM,MAAM,GAAG,sBAAsB,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;AAE1D,IAAA,SAAS,CAAC,MAAM,aAAa,CAAC,gBAAgB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAErE,IAAA,SAAe,kBAAkB,CAC/B,eAAgC,EAChC,YAAyC,EAAA;;YAEzC,IAAI;AACF,gBAAA,IAAI,KAAK,CAAC;AACV,gBAAA,IAAI,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE;oBAC5B,KAAK,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AACtE,iBAAA;AAAM,qBAAA;oBACL,KAAK,GAAG,MAAM,OAAO,CAAC,eAAe,CAAC,eAAe,EAAE,YAAY,CAAC,CAAC;AACtE,iBAAA;gBACD,MAAM,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC,IAAc,CAAC,CAAC;gBAChD,KAAK,CAAC,SAAS,EAAE,CAAC;AACnB,aAAA;AAAC,YAAA,OAAO,GAAG,EAAE;gBACZ,UAAU,CAAC,GAAuB,CAAC,CAAC;AACrC,aAAA;SACF,CAAA,CAAA;AAAA,KAAA;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,KAAK,EAAE,GAAG,EAAA;AAClB,QAAA,KAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EACH,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,QAAQ,EAAE,CAAO,QAAgC,KAAI,SAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;gBACnD,IAAI;AACF,oBAAA,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC,gBAAgB,CAAC,CAAC;AAC5D,oBAAA,MAAM,eAAe,GAAG,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,QAAQ,CAAE,EAAA,EAAA,cAAc,GAAqB,CAAC;oBAC3E,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC9D,oBAAA,kBAAkB,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAChD,iBAAA;AAAC,gBAAA,OAAO,GAAG,EAAE;oBACZ,UAAU,CAAC,GAAuB,CAAC,CAAC;AACrC,iBAAA;AACH,aAAC,CAAA,EAAA;AAED,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAC,QAAQ,CAAO;AACrD,YAAA,MAAM,KACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,qBAAqB,EAAA,EACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAI;;gBAAC,QACrB,4CAAiB,kBAAkB,EAAC,GAAG,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,OAAO,0CAAE,IAAI,EAAA,EACzD,MAAA,KAAK,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAChB,EACP;AAAA,aAAA,CAAC,CACE,CACP;AACA,YAAA,cAAc,KACb,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;gBACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,iCAAiC,EAAA;oBAC9C,KAAC,CAAA,aAAA,CAAA,YAAY,EACX,EAAA,cAAc,EAAE,cAAc,EAC9B,sBAAsB,EAAE,CAAO,QAAkC,KAAI,SAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;4BACnE,IAAI;AACF,gCAAA,MAAM,YAAY,GAAG;oCACnB,cAAc,EAAE,QAAQ,CAAC,QAAQ;oCACjC,gBAAgB,EAAE,QAAQ,CAAC,UAAU;iCACtC,CAAC;gCACF,MAAM,SAAS,GAAG,MAAM,OAAO,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;gCAC/D,MAAM,YAAY,GAAG,eAAe,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACpE,gCAAA,MAAM,eAAe,GAAG;oCACtB,SAAS,EAAE,YAAY,CAAC,UAAoB;oCAC5C,QAAQ,EAAE,YAAY,CAAC,WAAqB;oCAC5C,KAAK,EAAE,YAAY,CAAC,KAAe;iCACpC,CAAC;AACF,gCAAA,kBAAkB,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC;AAChD,6BAAA;AAAC,4BAAA,OAAO,GAAG,EAAE;gCACZ,UAAU,CAAC,GAAuB,CAAC,CAAC;AACrC,6BAAA;yBACF,CAAA,GACD,CACE;AACN,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,EAAA,IAAA,CAAS,CACjD,CACJ;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,OAAO,EAAA;AAClE,gBAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,WAAW,EAChB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAE,IAAI,EACd,SAAS,EAAE,IAAI,EACf,OAAO,EAAE,OAAO,GAChB,CACU;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,WAAW,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAA;gBAChE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,UAAU,EACjB,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAAA,CAChB,CACU;AACb,YAAA,KAAK,CAAC,IAAI,KAAK,SAAS,KACvB,oBAAC,WAAW,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,OAAO,EAAA;gBACtE,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,IAAI,EAAC,aAAa,EAClB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,aAAa,EACpB,WAAW,EAAC,YAAY,EACxB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAChB,CAAA,CACU,CACf;AACD,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAA;gBACzD,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,MAAM,EAAC,OAAO,EACd,WAAW,EAAC,iBAAiB,EAC7B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAAA,CAChB,CACU;AACd,YAAA,KAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAC,UAAU,EAAC,OAAO,EAAE,OAAO,EAAA;gBAC/D,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,IAAI,EAAC,UAAU,EACf,IAAI,EAAC,UAAU,EACf,MAAM,EAAC,UAAU,EACjB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,OAAO,EAAA,CAChB,CACU;YACd,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;;gBACC,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,iCAAiC,EAAwB,EAAA,qBAAA,CAAA;gBAC5G,OAAO;gBACR,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,+BAA+B,EAA+B,EAAA,4BAAA,CAAA;AACpE,gBAAA,GAAA,CAAA;YACJ,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA;;gBACQ,GAAG;gBACtD,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,qCAAqC,EAAwB,EAAA,qBAAA,CAAA;gBACpE,OAAO;gBACR,KAAG,CAAA,aAAA,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,mCAAmC,EAA+B,EAAA,4BAAA,CAAA;AACxE,gBAAA,SAAA,CAAA;YACJ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wBAAwB,EAAA;AACrC,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,oBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,IAAI,EAAC,UAAU,EAAC,EAAE,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAG,CAAA;AACpE,oBAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAO,OAAO,EAAC,UAAU,EAAA,EAAA,aAAA,CAAoB,CACzC;AACN,gBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACE,oBAAA,KAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,QAAQ,EAAC,MAAM,EAAC,QAAQ,qBAE5B,CACL,CACF,CACD,CACE,EACX;AACJ;;;;"}

package/dist/esm/RequestGroupDisplay.js

@@ -0,0 +1,73 @@
+import { getReferenceString } from '@medplum/core';
+import React, { useState, useEffect } from 'react';
+import { Button } from './Button.js';
+import { DateTimeDisplay } from './DateTimeDisplay.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceName } from './ResourceName.js';
+import { StatusBadge } from './StatusBadge.js';
+import { useResource } from './useResource.js';
+
+function RequestGroupDisplay(props) {
+    var _a;
+    const medplum = useMedplum();
+    const requestGroup = useResource(props.value);
+    const [startedLoading, setStartedLoading] = useState(false);
+    const [responseBundle, setResponseBundle] = useState();
+    useEffect(() => {
+        if (requestGroup && !startedLoading) {
+            medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle);
+            setStartedLoading(true);
+        }
+    }, [medplum, requestGroup, startedLoading]);
+    if (!requestGroup || !responseBundle) {
+        return null;
+    }
+    return (React.createElement("div", { className: "medplum-request-group" }, (_a = requestGroup.action) === null || _a === void 0 ? void 0 : _a.map((action, index) => {
+        var _a, _b, _c, _d, _e, _f;
+        const task = action.resource && findBundleEntry(action.resource);
+        const taskInput = (_b = (_a = task === null || task === void 0 ? void 0 : task.input) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.valueReference;
+        const taskOutput = (_d = (_c = task === null || task === void 0 ? void 0 : task.output) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.valueReference;
+        return (React.createElement("div", { className: "medplum-request-group-task", key: `action-${index}` },
+            React.createElement("div", { className: "medplum-request-group-task-checkmark" }, (task === null || task === void 0 ? void 0 : task.status) === 'completed' ? '🗹' : '☐'),
+            React.createElement("div", { className: "medplum-request-group-task-details" },
+                React.createElement("div", { className: "medplum-request-group-task-title" }, action.title),
+                React.createElement("div", null,
+                    "Last edited by\u00A0",
+                    React.createElement(ResourceName, { value: (_e = task === null || task === void 0 ? void 0 : task.meta) === null || _e === void 0 ? void 0 : _e.author }),
+                    "\u00A0on\u00A0",
+                    React.createElement(DateTimeDisplay, { value: (_f = task === null || task === void 0 ? void 0 : task.meta) === null || _f === void 0 ? void 0 : _f.lastUpdated })),
+                React.createElement("div", null,
+                    "Status: ",
+                    React.createElement(StatusBadge, { status: (task === null || task === void 0 ? void 0 : task.status) || 'unknown' }))),
+            React.createElement("div", { className: "medplum-request-group-task-actions" },
+                taskInput && !taskOutput && React.createElement(Button, { onClick: () => props.onStart(task, taskInput) }, "Start"),
+                taskInput && taskOutput && (React.createElement(Button, { onClick: () => props.onEdit(task, taskInput, taskOutput) }, "Edit")))));
+    })));
+    function buildBatchRequest(request) {
+        var _a;
+        const batchEntries = [];
+        if (request.action) {
+            for (const action of request.action) {
+                if ((_a = action.resource) === null || _a === void 0 ? void 0 : _a.reference) {
+                    batchEntries.push({ request: { method: 'GET', url: action.resource.reference } });
+                }
+            }
+        }
+        return {
+            resourceType: 'Bundle',
+            type: 'batch',
+            entry: batchEntries,
+        };
+    }
+    function findBundleEntry(reference) {
+        for (const entry of responseBundle === null || responseBundle === void 0 ? void 0 : responseBundle.entry) {
+            if (entry.resource && reference.reference === getReferenceString(entry.resource)) {
+                return entry.resource;
+            }
+        }
+        return undefined;
+    }
+}
+
+export { RequestGroupDisplay };
+//# sourceMappingURL=RequestGroupDisplay.js.map

package/dist/esm/RequestGroupDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RequestGroupDisplay.js","sources":["../../src/RequestGroupDisplay.tsx"],"sourcesContent":["import { getReferenceString } from '@medplum/core';\nimport { Bundle, BundleEntry, Reference, RequestGroup, Resource, Task } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { Button } from './Button';\nimport { DateTimeDisplay } from './DateTimeDisplay';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceName } from './ResourceName';\nimport { StatusBadge } from './StatusBadge';\nimport { useResource } from './useResource';\nimport './RequestGroupDisplay.css';\n\nexport interface RequestGroupDisplayProps {\n  value?: RequestGroup | Reference<RequestGroup>;\n  onStart: (task: Task, input: Reference) => void;\n  onEdit: (task: Task, input: Reference, output: Reference) => void;\n}\n\nexport function RequestGroupDisplay(props: RequestGroupDisplayProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const requestGroup = useResource(props.value);\n  const [startedLoading, setStartedLoading] = useState(false);\n  const [responseBundle, setResponseBundle] = useState<Bundle>();\n\n  useEffect(() => {\n    if (requestGroup && !startedLoading) {\n      medplum.executeBatch(buildBatchRequest(requestGroup)).then(setResponseBundle);\n      setStartedLoading(true);\n    }\n  }, [medplum, requestGroup, startedLoading]);\n\n  if (!requestGroup || !responseBundle) {\n    return null;\n  }\n\n  return (\n    <div className=\"medplum-request-group\">\n      {requestGroup.action?.map((action, index) => {\n        const task = action.resource && findBundleEntry(action.resource as Reference<Task>);\n        const taskInput = task?.input?.[0]?.valueReference;\n        const taskOutput = task?.output?.[0]?.valueReference;\n        return (\n          <div className=\"medplum-request-group-task\" key={`action-${index}`}>\n            <div className=\"medplum-request-group-task-checkmark\">{task?.status === 'completed' ? '🗹' : '☐'}</div>\n            <div className=\"medplum-request-group-task-details\">\n              <div className=\"medplum-request-group-task-title\">{action.title}</div>\n              <div>\n                Last edited by&nbsp;\n                <ResourceName value={task?.meta?.author as Reference} />\n                &nbsp;on&nbsp;\n                <DateTimeDisplay value={task?.meta?.lastUpdated} />\n              </div>\n              <div>\n                Status: <StatusBadge status={task?.status || 'unknown'} />\n              </div>\n            </div>\n            <div className=\"medplum-request-group-task-actions\">\n              {taskInput && !taskOutput && <Button onClick={() => props.onStart(task, taskInput)}>Start</Button>}\n              {taskInput && taskOutput && (\n                <Button onClick={() => props.onEdit(task, taskInput, taskOutput)}>Edit</Button>\n              )}\n            </div>\n          </div>\n        );\n      })}\n    </div>\n  );\n\n  function buildBatchRequest(request: RequestGroup): Bundle {\n    const batchEntries = [] as BundleEntry[];\n    if (request.action) {\n      for (const action of request.action) {\n        if (action.resource?.reference) {\n          batchEntries.push({ request: { method: 'GET', url: action.resource.reference } });\n        }\n      }\n    }\n\n    return {\n      resourceType: 'Bundle',\n      type: 'batch',\n      entry: batchEntries,\n    };\n  }\n\n  function findBundleEntry<T extends Resource>(reference: Reference<T>): T | undefined {\n    for (const entry of responseBundle?.entry as BundleEntry[]) {\n      if (entry.resource && reference.reference === getReferenceString(entry.resource)) {\n        return entry.resource as T;\n      }\n    }\n    return undefined;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceArrayDisplay.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { ResourcePropertyDisplay } from './ResourcePropertyDisplay.js';
+
+function ResourceArrayDisplay(props) {
+    var _a, _b, _c;
+    const property = props.property;
+    const values = (_a = props.values) !== null && _a !== void 0 ? _a : [];
+    const propertyType = (_c = (_b = property.type) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.code;
+    return (React.createElement(React.Fragment, null, values.map((v, index) => (React.createElement("div", { key: `${index}-${values.length}` },
+        React.createElement(ResourcePropertyDisplay, { arrayElement: true, property: property, propertyType: propertyType, value: v, ignoreMissingValues: props.ignoreMissingValues, link: props.link }))))));
+}
+
+export { ResourceArrayDisplay };
+//# sourceMappingURL=ResourceArrayDisplay.js.map

package/dist/esm/ResourceArrayDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceArrayDisplay.js","sources":["../../src/ResourceArrayDisplay.tsx"],"sourcesContent":["import { PropertyType } from '@medplum/core';\nimport { ElementDefinition } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { ResourcePropertyDisplay } from './ResourcePropertyDisplay';\n\ninterface ResourceArrayDisplayProps {\n  property: ElementDefinition;\n  values: any[];\n  arrayElement?: boolean;\n  ignoreMissingValues?: boolean;\n  link?: boolean;\n}\n\nexport function ResourceArrayDisplay(props: ResourceArrayDisplayProps): JSX.Element {\n  const property = props.property;\n  const values = props.values ?? [];\n  const propertyType = property.type?.[0]?.code as PropertyType;\n  return (\n    <>\n      {values.map((v: any, index: number) => (\n        <div key={`${index}-${values.length}`}>\n          <ResourcePropertyDisplay\n            arrayElement={true}\n            property={property}\n            propertyType={propertyType}\n            value={v}\n            ignoreMissingValues={props.ignoreMissingValues}\n            link={props.link}\n          />\n        </div>\n      ))}\n    </>\n  );\n}\n"],"names":[],"mappings":";;;AAaM,SAAU,oBAAoB,CAAC,KAAgC,EAAA;;AACnE,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;IAChC,MAAM,MAAM,GAAG,CAAA,EAAA,GAAA,KAAK,CAAC,MAAM,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,EAAE,CAAC;AAClC,IAAA,MAAM,YAAY,GAAG,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,QAAQ,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAoB,CAAC;IAC9D,QACE,0CACG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAM,EAAE,KAAa,MAChC,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,GAAG,EAAE,CAAA,EAAG,KAAK,CAAI,CAAA,EAAA,MAAM,CAAC,MAAM,CAAE,CAAA,EAAA;AACnC,QAAA,KAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EACtB,YAAY,EAAE,IAAI,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,CAAC,EACR,mBAAmB,EAAE,KAAK,CAAC,mBAAmB,EAC9C,IAAI,EAAE,KAAK,CAAC,IAAI,GAChB,CACE,CACP,CAAC,CACD,EACH;AACJ;;;;"}