@medplum/react 0.9.24 → 0.9.27

package/dist/esm/PatientTimeline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PatientTimeline.js","sources":["../../src/PatientTimeline.tsx"],"sourcesContent":["import { createReference, getReferenceString, ProfileResource } from '@medplum/core';\nimport { Attachment, Patient, Reference, Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { ResourceTimeline } from './ResourceTimeline';\n\nexport interface PatientTimelineProps {\n  patient: Patient | Reference<Patient>;\n}\n\nconst searches = [\n  '$/_history',\n  'Communication?subject=$',\n  'Device?patient=$',\n  'DeviceRequest?patient=$',\n  'DiagnosticReport?subject=$',\n  'Media?subject=$',\n  'ServiceRequest?subject=$',\n];\n\nexport function PatientTimeline(props: PatientTimelineProps): JSX.Element {\n  return (\n    <ResourceTimeline\n      value={props.patient}\n      buildSearchRequests={(resource: Resource) => ({\n        resourceType: 'Bundle',\n        type: 'batch',\n        entry: searches.map((search) => ({\n          request: {\n            method: 'GET',\n            url: search.replaceAll('$', getReferenceString(resource)),\n          },\n        })),\n      })}\n      createCommunication={(resource: Patient, sender: ProfileResource, text: string) => ({\n        resourceType: 'Communication',\n        subject: createReference(resource),\n        sender: createReference(sender),\n        sent: new Date().toISOString(),\n        payload: [{ contentString: text }],\n      })}\n      createMedia={(resource: Patient, operator: ProfileResource, content: Attachment) => ({\n        resourceType: 'Media',\n        subject: createReference(resource),\n        operator: createReference(operator),\n        issued: new Date().toISOString(),\n        content,\n      })}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;AASA,MAAM,QAAQ,GAAG;IACf,YAAY;IACZ,yBAAyB;IACzB,kBAAkB;IAClB,yBAAyB;IACzB,4BAA4B;IAC5B,iBAAiB;IACjB,0BAA0B;CAC3B,CAAC;AAEI,SAAU,eAAe,CAAC,KAA2B,EAAA;AACzD,IAAA,QACE,KAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,mBAAmB,EAAE,CAAC,QAAkB,MAAM;AAC5C,YAAA,YAAY,EAAE,QAAQ;AACtB,YAAA,IAAI,EAAE,OAAO;YACb,KAAK,EAAE,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AAC/B,gBAAA,OAAO,EAAE;AACP,oBAAA,MAAM,EAAE,KAAK;oBACb,GAAG,EAAE,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE,kBAAkB,CAAC,QAAQ,CAAC,CAAC;AAC1D,iBAAA;AACF,aAAA,CAAC,CAAC;AACJ,SAAA,CAAC,EACF,mBAAmB,EAAE,CAAC,QAAiB,EAAE,MAAuB,EAAE,IAAY,MAAM;AAClF,YAAA,YAAY,EAAE,eAAe;AAC7B,YAAA,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC;AAClC,YAAA,MAAM,EAAE,eAAe,CAAC,MAAM,CAAC;AAC/B,YAAA,IAAI,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;AAC9B,YAAA,OAAO,EAAE,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC;AACnC,SAAA,CAAC,EACF,WAAW,EAAE,CAAC,QAAiB,EAAE,QAAyB,EAAE,OAAmB,MAAM;AACnF,YAAA,YAAY,EAAE,OAAO;AACrB,YAAA,OAAO,EAAE,eAAe,CAAC,QAAQ,CAAC;AAClC,YAAA,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC;AACnC,YAAA,MAAM,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;YAChC,OAAO;SACR,CAAC,EAAA,CACF,EACF;AACJ;;;;"}

package/dist/esm/PeriodDisplay.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { DateTimeDisplay } from './DateTimeDisplay.js';
+
+function PeriodDisplay(props) {
+    const value = props.value;
+    if (!value || (!value.start && !value.end)) {
+        return null;
+    }
+    return (React.createElement("span", null,
+        React.createElement(DateTimeDisplay, { value: value.start }),
+        "-",
+        React.createElement(DateTimeDisplay, { value: value.end })));
+}
+
+export { PeriodDisplay };
+//# sourceMappingURL=PeriodDisplay.js.map

package/dist/esm/PeriodDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodDisplay.js","sources":["../../src/PeriodDisplay.tsx"],"sourcesContent":["import { Period } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { DateTimeDisplay } from './DateTimeDisplay';\n\nexport interface PeriodDisplayProps {\n  value?: Period;\n}\n\nexport function PeriodDisplay(props: PeriodDisplayProps): JSX.Element | null {\n  const value = props.value;\n  if (!value || (!value.start && !value.end)) {\n    return null;\n  }\n\n  return (\n    <span>\n      <DateTimeDisplay value={value.start} />\n      -\n      <DateTimeDisplay value={value.end} />\n    </span>\n  );\n}\n"],"names":[],"mappings":";;;AAQM,SAAU,aAAa,CAAC,KAAyB,EAAA;AACrD,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;AAC1B,IAAA,IAAI,CAAC,KAAK,KAAK,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;AAC1C,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAC,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,KAAK,EAAI,CAAA;;QAEvC,KAAC,CAAA,aAAA,CAAA,eAAe,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,GAAG,EAAA,CAAI,CAChC,EACP;AACJ;;;;"}

package/dist/esm/PeriodInput.js

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

package/dist/esm/PeriodInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PeriodInput.js","sources":["../../src/PeriodInput.tsx"],"sourcesContent":["import { Period } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\n\nexport interface PeriodInputProps {\n  name: string;\n  defaultValue?: Period;\n  onChange?: (value: Period) => void;\n}\n\nexport function PeriodInput(props: PeriodInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Period): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      <Input\n        type=\"datetime-local\"\n        placeholder=\"Start\"\n        defaultValue={value?.start}\n        onChange={(newValue) => setValueWrapper({ ...value, start: newValue })}\n      />\n      <Input\n        type=\"datetime-local\"\n        placeholder=\"End\"\n        defaultValue={value?.end}\n        onChange={(newValue) => setValueWrapper({ ...value, end: newValue })}\n      />\n    </InputRow>\n  );\n}\n"],"names":[],"mappings":";;;;AAWM,SAAU,WAAW,CAAC,KAAuB,EAAA;AACjD,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,eAAe,CAAC,QAAgB,EAAA;QACvC,QAAQ,CAAC,QAAQ,CAAC,CAAC;QACnB,IAAI,KAAK,CAAC,QAAQ,EAAE;AAClB,YAAA,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;AAC1B,SAAA;KACF;IAED,QACE,oBAAC,QAAQ,EAAA,IAAA;AACP,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAC,gBAAgB,EACrB,WAAW,EAAC,OAAO,EACnB,YAAY,EAAE,KAAK,KAAA,IAAA,IAAL,KAAK,KAAL,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,KAAK,CAAE,KAAK,EAC1B,QAAQ,EAAE,CAAC,QAAQ,KAAK,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,KAAK,CAAE,EAAA,EAAA,KAAK,EAAE,QAAQ,IAAG,EACtE,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EACJ,EAAA,IAAI,EAAC,gBAAgB,EACrB,WAAW,EAAC,KAAK,EACjB,YAAY,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,GAAG,EACxB,QAAQ,EAAE,CAAC,QAAQ,KAAK,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAM,KAAK,CAAA,EAAA,EAAE,GAAG,EAAE,QAAQ,IAAG,EACpE,CAAA,CACO,EACX;AACJ;;;;"}

package/dist/esm/PlanDefinitionBuilder.js

@@ -0,0 +1,155 @@
+import { getReferenceString } from '@medplum/core';
+import React, { useState, useRef, useEffect } from 'react';
+import { Button } from './Button.js';
+import { Form } from './Form.js';
+import { FormSection } from './FormSection.js';
+import { Input } from './Input.js';
+import { ResourceInput } from './ResourceInput.js';
+import { Select } from './Select.js';
+import { useResource } from './useResource.js';
+
+function PlanDefinitionBuilder(props) {
+    const defaultValue = useResource(props.value);
+    const [value, setValue] = useState();
+    const valueRef = useRef();
+    valueRef.current = value;
+    useEffect(() => {
+        setValue(ensurePlanDefinitionKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'PlanDefinition' }));
+    }, [defaultValue]);
+    if (!value) {
+        return null;
+    }
+    function changeProperty(property, newValue) {
+        setValue(Object.assign(Object.assign({}, valueRef.current), { [property]: newValue }));
+    }
+    return (React.createElement("div", { className: "medplum-questionnaire-builder" },
+        React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
+            React.createElement(FormSection, { title: "Plan Title", description: "The display name of the 'Plan', something that can be ordered.", htmlFor: "title" },
+                React.createElement(Input, { defaultValue: value.title, onChange: (newValue) => changeProperty('title', newValue) })),
+            React.createElement(ActionArrayBuilder, { actions: value.action || [], onChange: (x) => changeProperty('action', x) }),
+            React.createElement(Button, { type: "submit", size: "large" }, "Save"))));
+}
+function ActionArrayBuilder(props) {
+    const actionsRef = useRef();
+    actionsRef.current = props.actions;
+    function changeAction(changedAction) {
+        props.onChange(actionsRef.current.map((i) => (i.id === changedAction.id ? changedAction : i)));
+    }
+    function addAction(addedAction) {
+        props.onChange([...actionsRef.current, addedAction]);
+    }
+    function removeAction(removedAction) {
+        props.onChange(actionsRef.current.filter((i) => i !== removedAction));
+    }
+    return (React.createElement("div", { className: "section" },
+        props.actions.map((i) => (React.createElement("div", { key: i.id },
+            React.createElement(ActionBuilder, { action: i, onChange: changeAction, onRemove: () => removeAction(i) })))),
+        React.createElement("div", { className: "bottom-actions" },
+            React.createElement("a", { href: "#", onClick: (e) => {
+                    e.preventDefault();
+                    addAction({ id: generateId() });
+                } }, "Add action"))));
+}
+function ActionBuilder(props) {
+    const { action } = props;
+    const [actionType, setActionType] = useState(getInitialActionType(action));
+    const actionRef = useRef();
+    actionRef.current = props.action;
+    function changeProperty(property, value) {
+        props.onChange(Object.assign(Object.assign({}, actionRef.current), { [property]: value }));
+    }
+    return (React.createElement("div", { className: "section" },
+        React.createElement(FormSection, { title: "Action Title", description: "The name of the action, an operational task to be completed.", htmlFor: `actionTitle-${action.id}` },
+            React.createElement(Input, { name: `actionTitle-${action.id}`, defaultValue: action.title, onChange: (newValue) => changeProperty('title', newValue) })),
+        React.createElement(FormSection, { title: "Action Type", description: "The type of the action to be performed.", htmlFor: `actionType-${action.id}` },
+            React.createElement(Select, { name: `actionType-${action.id}`, defaultValue: actionType, onChange: setActionType },
+                React.createElement("option", null),
+                React.createElement("option", { value: "appointment" }, "Appointment"),
+                React.createElement("option", { value: "documentation" }, "Documentation"),
+                React.createElement("option", { value: "lab" }, "Lab"),
+                React.createElement("option", { value: "questionnaire" }, "Questionnaire"),
+                React.createElement("option", { value: "shipping" }, "Shipping"),
+                React.createElement("option", { value: "task" }, "Task"))),
+        action.action && action.action.length > 0 && (React.createElement(ActionArrayBuilder, { actions: action.action, onChange: (x) => changeProperty('action', x) })),
+        (() => {
+            switch (actionType) {
+                case 'appointment':
+                    return React.createElement("div", null, "Appointment details");
+                case 'documentation':
+                    return React.createElement("div", null, "Documentation details");
+                case 'lab':
+                    return React.createElement(LabActionBuilder, { action: action, onChange: props.onChange });
+                case 'questionnaire':
+                    return React.createElement(QuestionnaireActionBuilder, { action: action, onChange: props.onChange });
+                case 'shipping':
+                    return React.createElement("div", null, "Shipping details");
+                case 'task':
+                    return React.createElement("div", null, "Task details");
+                default:
+                    return null;
+            }
+        })(),
+        React.createElement("div", { className: "bottom-actions" },
+            React.createElement("a", { href: "#", onClick: (e) => {
+                    e.preventDefault();
+                    props.onRemove();
+                } }, "Remove"))));
+}
+function LabActionBuilder(props) {
+    return (React.createElement(FormSection, { title: "Lab Details", description: "Choose observations definitions", htmlFor: props.action.id },
+        React.createElement("a", { href: "#", onClick: () => props.onChange(props.action) }, "Add")));
+}
+function QuestionnaireActionBuilder(props) {
+    const { id, definitionCanonical } = props.action;
+    const questionnaireRef = (definitionCanonical === null || definitionCanonical === void 0 ? void 0 : definitionCanonical.startsWith('Questionnaire/'))
+        ? { reference: definitionCanonical }
+        : undefined;
+    return (React.createElement(FormSection, { title: "Questionnaire", description: "Choose questionnaire", htmlFor: id },
+        React.createElement(ResourceInput, { name: id, resourceType: "Questionnaire", defaultValue: questionnaireRef, onChange: (newValue) => {
+                if (newValue) {
+                    props.onChange(Object.assign(Object.assign({}, props.action), { definitionCanonical: getReferenceString(newValue) }));
+                }
+                else {
+                    props.onChange(Object.assign(Object.assign({}, props.action), { definitionCanonical: undefined }));
+                }
+            } })));
+}
+function getInitialActionType(action) {
+    var _a;
+    if ((_a = action.definitionCanonical) === null || _a === void 0 ? void 0 : _a.startsWith('Questionnaire/')) {
+        return 'questionnaire';
+    }
+    return undefined;
+}
+let nextId = 1;
+/**
+ * Generates a unique ID.
+ * React needs unique IDs for components for rendering performance.
+ * All of the important components in the questionnaire builder have id properties for this:
+ * Questionnaire, QuestionnaireItem, and QuestionnaireItemAnswerOption.
+ * @return A unique key.
+ */
+function generateId(existing) {
+    if (existing) {
+        if (existing.startsWith('id-')) {
+            const existingNum = parseInt(existing.substring(3));
+            if (!isNaN(existingNum)) {
+                nextId = Math.max(nextId, existingNum + 1);
+            }
+        }
+        return existing;
+    }
+    return 'id-' + nextId++;
+}
+function ensurePlanDefinitionKeys(planDefinition) {
+    return Object.assign(Object.assign({}, planDefinition), { action: ensurePlanDefinitionActionKeys(planDefinition.action) });
+}
+function ensurePlanDefinitionActionKeys(actions) {
+    if (!actions) {
+        return undefined;
+    }
+    return actions.map((action) => (Object.assign(Object.assign({}, action), { id: generateId(action.id), action: ensurePlanDefinitionActionKeys(action.action) })));
+}
+
+export { PlanDefinitionBuilder };
+//# sourceMappingURL=PlanDefinitionBuilder.js.map

package/dist/esm/PlanDefinitionBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlanDefinitionBuilder.js","sources":["../../src/PlanDefinitionBuilder.tsx"],"sourcesContent":["import { getReferenceString } from '@medplum/core';\nimport { PlanDefinition, PlanDefinitionAction, Reference } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from './Button';\nimport { Form } from './Form';\nimport { FormSection } from './FormSection';\nimport { Input } from './Input';\nimport { ResourceInput } from './ResourceInput';\nimport { Select } from './Select';\nimport { useResource } from './useResource';\n\nexport interface PlanDefinitionBuilderProps {\n  value: PlanDefinition | Reference<PlanDefinition>;\n  onSubmit: (result: PlanDefinition) => void;\n}\n\nexport function PlanDefinitionBuilder(props: PlanDefinitionBuilderProps): JSX.Element | null {\n  const defaultValue = useResource(props.value);\n  const [value, setValue] = useState<PlanDefinition>();\n  const valueRef = useRef<PlanDefinition>();\n  valueRef.current = value;\n\n  useEffect(() => {\n    setValue(ensurePlanDefinitionKeys(defaultValue ?? { resourceType: 'PlanDefinition' }));\n  }, [defaultValue]);\n\n  if (!value) {\n    return null;\n  }\n\n  function changeProperty(property: string, newValue: any): void {\n    setValue({\n      ...valueRef.current,\n      [property]: newValue,\n    } as PlanDefinition);\n  }\n\n  return (\n    <div className=\"medplum-questionnaire-builder\">\n      <Form testid=\"questionnaire-form\" onSubmit={() => props.onSubmit(value)}>\n        <FormSection\n          title=\"Plan Title\"\n          description=\"The display name of the 'Plan', something that can be ordered.\"\n          htmlFor=\"title\"\n        >\n          <Input defaultValue={value.title} onChange={(newValue) => changeProperty('title', newValue)} />\n        </FormSection>\n        <ActionArrayBuilder actions={value.action || []} onChange={(x) => changeProperty('action', x)} />\n        <Button type=\"submit\" size=\"large\">\n          Save\n        </Button>\n      </Form>\n    </div>\n  );\n}\n\ninterface ActionArrayBuilderProps {\n  actions: PlanDefinitionAction[];\n  onChange: (actions: PlanDefinitionAction[]) => void;\n}\n\nfunction ActionArrayBuilder(props: ActionArrayBuilderProps): JSX.Element {\n  const actionsRef = useRef<PlanDefinitionAction[]>();\n  actionsRef.current = props.actions;\n\n  function changeAction(changedAction: PlanDefinitionAction): void {\n    props.onChange(\n      (actionsRef.current as PlanDefinition[]).map((i) => (i.id === changedAction.id ? changedAction : i))\n    );\n  }\n\n  function addAction(addedAction: PlanDefinitionAction): void {\n    props.onChange([...(actionsRef.current as PlanDefinition[]), addedAction]);\n  }\n\n  function removeAction(removedAction: PlanDefinitionAction): void {\n    props.onChange((actionsRef.current as PlanDefinition[]).filter((i) => i !== removedAction));\n  }\n\n  return (\n    <div className=\"section\">\n      {props.actions.map((i) => (\n        <div key={i.id}>\n          <ActionBuilder action={i} onChange={changeAction} onRemove={() => removeAction(i)} />\n        </div>\n      ))}\n      <div className=\"bottom-actions\">\n        <a\n          href=\"#\"\n          onClick={(e) => {\n            e.preventDefault();\n            addAction({ id: generateId() });\n          }}\n        >\n          Add action\n        </a>\n      </div>\n    </div>\n  );\n}\n\ninterface ActionBuilderProps {\n  action: PlanDefinitionAction;\n  onChange: (action: PlanDefinitionAction) => void;\n  onRemove: () => void;\n}\n\nfunction ActionBuilder(props: ActionBuilderProps): JSX.Element {\n  const { action } = props;\n  const [actionType, setActionType] = useState<string | undefined>(getInitialActionType(action));\n\n  const actionRef = useRef<PlanDefinitionAction>();\n  actionRef.current = props.action;\n\n  function changeProperty(property: string, value: any): void {\n    props.onChange({\n      ...actionRef.current,\n      [property]: value,\n    } as PlanDefinitionAction);\n  }\n\n  return (\n    <div className=\"section\">\n      <FormSection\n        title=\"Action Title\"\n        description=\"The name of the action, an operational task to be completed.\"\n        htmlFor={`actionTitle-${action.id}`}\n      >\n        <Input\n          name={`actionTitle-${action.id}`}\n          defaultValue={action.title}\n          onChange={(newValue) => changeProperty('title', newValue)}\n        />\n      </FormSection>\n      <FormSection\n        title=\"Action Type\"\n        description=\"The type of the action to be performed.\"\n        htmlFor={`actionType-${action.id}`}\n      >\n        <Select name={`actionType-${action.id}`} defaultValue={actionType} onChange={setActionType}>\n          <option></option>\n          <option value=\"appointment\">Appointment</option>\n          <option value=\"documentation\">Documentation</option>\n          <option value=\"lab\">Lab</option>\n          <option value=\"questionnaire\">Questionnaire</option>\n          <option value=\"shipping\">Shipping</option>\n          <option value=\"task\">Task</option>\n        </Select>\n      </FormSection>\n      {action.action && action.action.length > 0 && (\n        <ActionArrayBuilder actions={action.action} onChange={(x) => changeProperty('action', x)} />\n      )}\n      {(() => {\n        switch (actionType) {\n          case 'appointment':\n            return <div>Appointment details</div>;\n          case 'documentation':\n            return <div>Documentation details</div>;\n          case 'lab':\n            return <LabActionBuilder action={action} onChange={props.onChange} />;\n          case 'questionnaire':\n            return <QuestionnaireActionBuilder action={action} onChange={props.onChange} />;\n          case 'shipping':\n            return <div>Shipping details</div>;\n          case 'task':\n            return <div>Task details</div>;\n          default:\n            return null;\n        }\n      })()}\n      <div className=\"bottom-actions\">\n        <a\n          href=\"#\"\n          onClick={(e) => {\n            e.preventDefault();\n            props.onRemove();\n          }}\n        >\n          Remove\n        </a>\n      </div>\n    </div>\n  );\n}\n\ninterface LabActionBuilderProps {\n  action: PlanDefinitionAction;\n  onChange: (action: PlanDefinitionAction) => void;\n}\n\nfunction LabActionBuilder(props: LabActionBuilderProps): JSX.Element {\n  return (\n    <FormSection title=\"Lab Details\" description=\"Choose observations definitions\" htmlFor={props.action.id}>\n      <a href=\"#\" onClick={() => props.onChange(props.action)}>\n        Add\n      </a>\n    </FormSection>\n  );\n}\n\ninterface QuestionnaireActionBuilderProps {\n  action: PlanDefinitionAction;\n  onChange: (action: PlanDefinitionAction) => void;\n}\n\nfunction QuestionnaireActionBuilder(props: QuestionnaireActionBuilderProps): JSX.Element {\n  const { id, definitionCanonical } = props.action;\n  const questionnaireRef = definitionCanonical?.startsWith('Questionnaire/')\n    ? { reference: definitionCanonical }\n    : undefined;\n  return (\n    <FormSection title=\"Questionnaire\" description=\"Choose questionnaire\" htmlFor={id}>\n      <ResourceInput\n        name={id as string}\n        resourceType=\"Questionnaire\"\n        defaultValue={questionnaireRef}\n        onChange={(newValue) => {\n          if (newValue) {\n            props.onChange({ ...props.action, definitionCanonical: getReferenceString(newValue) });\n          } else {\n            props.onChange({ ...props.action, definitionCanonical: undefined });\n          }\n        }}\n      />\n    </FormSection>\n  );\n}\n\nfunction getInitialActionType(action: PlanDefinitionAction): string | undefined {\n  if (action.definitionCanonical?.startsWith('Questionnaire/')) {\n    return 'questionnaire';\n  }\n\n  return undefined;\n}\n\nlet nextId = 1;\n\n/**\n * Generates a unique ID.\n * React needs unique IDs for components for rendering performance.\n * All of the important components in the questionnaire builder have id properties for this:\n * Questionnaire, QuestionnaireItem, and QuestionnaireItemAnswerOption.\n * @return A unique key.\n */\nfunction generateId(existing?: string): string {\n  if (existing) {\n    if (existing.startsWith('id-')) {\n      const existingNum = parseInt(existing.substring(3));\n      if (!isNaN(existingNum)) {\n        nextId = Math.max(nextId, existingNum + 1);\n      }\n    }\n    return existing;\n  }\n  return 'id-' + nextId++;\n}\n\nfunction ensurePlanDefinitionKeys(planDefinition: PlanDefinition): PlanDefinition {\n  return {\n    ...planDefinition,\n    action: ensurePlanDefinitionActionKeys(planDefinition.action),\n  } as PlanDefinition;\n}\n\nfunction ensurePlanDefinitionActionKeys(\n  actions: PlanDefinitionAction[] | undefined\n): PlanDefinitionAction[] | undefined {\n  if (!actions) {\n    return undefined;\n  }\n  return actions.map((action) => ({\n    ...action,\n    id: generateId(action.id),\n    action: ensurePlanDefinitionActionKeys(action.action),\n  }));\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/Popup.js

@@ -0,0 +1,64 @@
+import React, { useRef, useEffect } from 'react';
+import { useLocation } from 'react-router-dom';
+
+function Popup(props) {
+    const ref = useRef(null);
+    // Track browser URL location, and the location when the popup becomes visible
+    const location = useLocation();
+    const locationRef = useRef();
+    if (props.visible) {
+        if (locationRef.current === undefined) {
+            locationRef.current = location;
+        }
+    }
+    else {
+        locationRef.current = undefined;
+    }
+    const propsRef = useRef();
+    propsRef.current = props;
+    // Listen for clicks outside of the popup
+    // If the user clicks outside of the popup, close it
+    useEffect(() => {
+        function handleClick(e) {
+            var _a, _b;
+            if (((_a = propsRef.current) === null || _a === void 0 ? void 0 : _a.visible) &&
+                ((_b = propsRef.current) === null || _b === void 0 ? void 0 : _b.autoClose) &&
+                (ref === null || ref === void 0 ? void 0 : ref.current) &&
+                !ref.current.contains(e.target)) {
+                props.onClose();
+            }
+        }
+        document.addEventListener('click', handleClick, true);
+        return () => document.removeEventListener('click', handleClick, true);
+    }, [props]);
+    // Listen for changes in the location
+    // If the browser navigates to a new page, close the popup
+    useEffect(() => {
+        if (props.visible && location !== locationRef.current) {
+            props.onClose();
+        }
+    }, [location, props]);
+    const style = {
+        display: props.visible ? 'block' : 'none',
+    };
+    if (props.anchor) {
+        if (props.anchor.right + 250 < document.body.clientWidth) {
+            style.left = props.anchor.right + 'px';
+        }
+        else {
+            style.right = document.body.clientWidth - props.anchor.left + 'px';
+        }
+        if (props.anchor.top + 300 < document.body.clientHeight) {
+            style.top = props.anchor.top + 'px';
+        }
+        else {
+            style.bottom = document.body.clientHeight - props.anchor.top + 'px';
+        }
+    }
+    return (React.createElement(React.Fragment, null,
+        props.modal && (React.createElement("div", { className: props.visible ? 'medplum-backdrop active' : 'medplum-backdrop', onClick: props.onClose })),
+        React.createElement("div", { ref: ref, className: 'medplum-popup ' + (props.visible ? props.activeClassName : props.inactiveClassName), style: style, "data-testid": "popup" }, props.children)));
+}
+
+export { Popup };
+//# sourceMappingURL=Popup.js.map

package/dist/esm/Popup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.js","sources":["../../src/Popup.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Location, useLocation } from 'react-router-dom';\nimport './Popup.css';\n\ninterface PopupProps {\n  visible: boolean;\n  anchor?: DOMRectReadOnly;\n  modal?: boolean;\n  autoClose?: boolean;\n  onClose: () => void;\n  activeClassName?: string;\n  inactiveClassName?: string;\n  children?: React.ReactNode;\n}\n\nexport function Popup(props: PopupProps): JSX.Element {\n  const ref = useRef<HTMLDivElement>(null);\n\n  // Track browser URL location, and the location when the popup becomes visible\n  const location = useLocation();\n  const locationRef = useRef<Location>();\n  if (props.visible) {\n    if (locationRef.current === undefined) {\n      locationRef.current = location;\n    }\n  } else {\n    locationRef.current = undefined;\n  }\n\n  const propsRef = useRef<PopupProps>();\n  propsRef.current = props;\n\n  // Listen for clicks outside of the popup\n  // If the user clicks outside of the popup, close it\n  useEffect(() => {\n    function handleClick(e: Event): void {\n      if (\n        propsRef.current?.visible &&\n        propsRef.current?.autoClose &&\n        ref?.current &&\n        !ref.current.contains(e.target as Node)\n      ) {\n        props.onClose();\n      }\n    }\n\n    document.addEventListener('click', handleClick, true);\n    return () => document.removeEventListener('click', handleClick, true);\n  }, [props]);\n\n  // Listen for changes in the location\n  // If the browser navigates to a new page, close the popup\n  useEffect(() => {\n    if (props.visible && location !== locationRef.current) {\n      props.onClose();\n    }\n  }, [location, props]);\n\n  const style: React.CSSProperties = {\n    display: props.visible ? 'block' : 'none',\n  };\n\n  if (props.anchor) {\n    if (props.anchor.right + 250 < document.body.clientWidth) {\n      style.left = props.anchor.right + 'px';\n    } else {\n      style.right = document.body.clientWidth - props.anchor.left + 'px';\n    }\n\n    if (props.anchor.top + 300 < document.body.clientHeight) {\n      style.top = props.anchor.top + 'px';\n    } else {\n      style.bottom = document.body.clientHeight - props.anchor.top + 'px';\n    }\n  }\n\n  return (\n    <>\n      {props.modal && (\n        <div className={props.visible ? 'medplum-backdrop active' : 'medplum-backdrop'} onClick={props.onClose} />\n      )}\n      <div\n        ref={ref}\n        className={'medplum-popup ' + (props.visible ? props.activeClassName : props.inactiveClassName)}\n        style={style}\n        data-testid=\"popup\"\n      >\n        {props.children}\n      </div>\n    </>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/QuantityDisplay.js

@@ -0,0 +1,28 @@
+import React from 'react';
+
+function QuantityDisplay(props) {
+    return React.createElement(React.Fragment, null, formatQuantityString(props.value));
+}
+function formatQuantityString(quantity) {
+    if (!quantity) {
+        return '';
+    }
+    const result = [];
+    if (quantity.comparator) {
+        result.push(quantity.comparator);
+        result.push(' ');
+    }
+    if (quantity.value !== undefined) {
+        result.push(quantity.value);
+    }
+    if (quantity.unit) {
+        if (quantity.unit !== '%') {
+            result.push(' ');
+        }
+        result.push(quantity.unit);
+    }
+    return result.join('');
+}
+
+export { QuantityDisplay, formatQuantityString };
+//# sourceMappingURL=QuantityDisplay.js.map

package/dist/esm/QuantityDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityDisplay.js","sources":["../../src/QuantityDisplay.tsx"],"sourcesContent":["import { Quantity } from '@medplum/fhirtypes';\nimport React from 'react';\n\nexport interface QuantityDisplayProps {\n  value?: Quantity;\n}\n\nexport function QuantityDisplay(props: QuantityDisplayProps): JSX.Element | null {\n  return <>{formatQuantityString(props.value)}</>;\n}\n\nexport function formatQuantityString(quantity: Quantity | undefined): string {\n  if (!quantity) {\n    return '';\n  }\n\n  const result = [];\n\n  if (quantity.comparator) {\n    result.push(quantity.comparator);\n    result.push(' ');\n  }\n\n  if (quantity.value !== undefined) {\n    result.push(quantity.value);\n  }\n\n  if (quantity.unit) {\n    if (quantity.unit !== '%') {\n      result.push(' ');\n    }\n    result.push(quantity.unit);\n  }\n\n  return result.join('');\n}\n"],"names":[],"mappings":";;AAOM,SAAU,eAAe,CAAC,KAA2B,EAAA;IACzD,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAG,oBAAoB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAI,CAAC;AAClD,CAAC;AAEK,SAAU,oBAAoB,CAAC,QAA8B,EAAA;IACjE,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;IAED,MAAM,MAAM,GAAG,EAAE,CAAC;IAElB,IAAI,QAAQ,CAAC,UAAU,EAAE;AACvB,QAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;AACjC,QAAA,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClB,KAAA;AAED,IAAA,IAAI,QAAQ,CAAC,KAAK,KAAK,SAAS,EAAE;AAChC,QAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC7B,KAAA;IAED,IAAI,QAAQ,CAAC,IAAI,EAAE;AACjB,QAAA,IAAI,QAAQ,CAAC,IAAI,KAAK,GAAG,EAAE;AACzB,YAAA,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAClB,SAAA;AACD,QAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AAC5B,KAAA;AAED,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzB;;;;"}

package/dist/esm/QuantityInput.js

@@ -0,0 +1,33 @@
+import React, { useState } from 'react';
+import { Input } from './Input.js';
+import { InputRow } from './InputRow.js';
+import { Select } from './Select.js';
+
+function QuantityInput(props) {
+    var _a;
+    const [value, setValue] = useState(props.defaultValue);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(InputRow, null,
+        React.createElement(Select, { style: { width: 80 }, testid: props.name + '-comparator', defaultValue: value === null || value === void 0 ? void 0 : value.comparator, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { comparator: newValue })) },
+            React.createElement("option", null),
+            React.createElement("option", null, "<"),
+            React.createElement("option", null, "<="),
+            React.createElement("option", null, ">="),
+            React.createElement("option", null, ">")),
+        React.createElement(Input, { name: props.name, type: "number", step: "any", placeholder: "Value", defaultValue: (_a = value === null || value === void 0 ? void 0 : value.value) === null || _a === void 0 ? void 0 : _a.toString(), onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { value: tryParseNumber(newValue) })) }),
+        React.createElement(Input, { placeholder: "Unit", defaultValue: value === null || value === void 0 ? void 0 : value.unit, onChange: (newValue) => setValueWrapper(Object.assign(Object.assign({}, value), { unit: newValue })) })));
+}
+function tryParseNumber(str) {
+    if (!str) {
+        return undefined;
+    }
+    return parseFloat(str);
+}
+
+export { QuantityInput };
+//# sourceMappingURL=QuantityInput.js.map

package/dist/esm/QuantityInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuantityInput.js","sources":["../../src/QuantityInput.tsx"],"sourcesContent":["import { Quantity } from '@medplum/fhirtypes';\nimport React, { useState } from 'react';\nimport { Input } from './Input';\nimport { InputRow } from './InputRow';\nimport { Select } from './Select';\n\nexport interface QuantityInputProps {\n  name: string;\n  defaultValue?: Quantity;\n  onChange?: (value: Quantity) => void;\n}\n\nexport function QuantityInput(props: QuantityInputProps): JSX.Element {\n  const [value, setValue] = useState(props.defaultValue);\n\n  function setValueWrapper(newValue: Quantity): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <InputRow>\n      <Select\n        style={{ width: 80 }}\n        testid={props.name + '-comparator'}\n        defaultValue={value?.comparator}\n        onChange={(newValue) =>\n          setValueWrapper({\n            ...value,\n            comparator: newValue,\n          })\n        }\n      >\n        <option></option>\n        <option>&lt;</option>\n        <option>&lt;=</option>\n        <option>&gt;=</option>\n        <option>&gt;</option>\n      </Select>\n      <Input\n        name={props.name}\n        type=\"number\"\n        step=\"any\"\n        placeholder=\"Value\"\n        defaultValue={value?.value?.toString()}\n        onChange={(newValue) =>\n          setValueWrapper({\n            ...value,\n            value: tryParseNumber(newValue),\n          })\n        }\n      />\n      <Input\n        placeholder=\"Unit\"\n        defaultValue={value?.unit}\n        onChange={(newValue) =>\n          setValueWrapper({\n            ...value,\n            unit: newValue,\n          })\n        }\n      />\n    </InputRow>\n  );\n}\n\nfunction tryParseNumber(str: string): number | undefined {\n  if (!str) {\n    return undefined;\n  }\n  return parseFloat(str);\n}\n"],"names":[],"mappings":";;;;;AAYM,SAAU,aAAa,CAAC,KAAyB,EAAA;;AACrD,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAEvD,SAAS,eAAe,CAAC,QAAkB,EAAA;QACzC,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,MAAM,EACL,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EACpB,MAAM,EAAE,KAAK,CAAC,IAAI,GAAG,aAAa,EAClC,YAAY,EAAE,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,UAAU,EAC/B,QAAQ,EAAE,CAAC,QAAQ,KACjB,eAAe,CACV,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,KACR,UAAU,EAAE,QAAQ,EACpB,CAAA,CAAA,EAAA;YAGJ,KAAiB,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,CAAA;YACjB,KAAqB,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,GAAA,CAAA;YACrB,KAAsB,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAA;YACtB,KAAsB,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,IAAA,CAAA;AACtB,YAAA,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,IAAA,EAAA,GAAA,CAAqB,CACd;QACT,KAAC,CAAA,aAAA,CAAA,KAAK,EACJ,EAAA,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,KAAK,EACV,WAAW,EAAC,OAAO,EACnB,YAAY,EAAE,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,QAAQ,EAAE,EACtC,QAAQ,EAAE,CAAC,QAAQ,KACjB,eAAe,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACV,KAAK,CAAA,EAAA,EACR,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAA,CAAA,CAC/B,EAEJ,CAAA;AACF,QAAA,KAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,MAAM,EAClB,YAAY,EAAE,KAAK,aAAL,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAL,KAAK,CAAE,IAAI,EACzB,QAAQ,EAAE,CAAC,QAAQ,KACjB,eAAe,CACV,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,CACR,EAAA,EAAA,IAAI,EAAE,QAAQ,EAAA,CAAA,CACd,EAEJ,CAAA,CACO,EACX;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,GAAW,EAAA;IACjC,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,OAAO,SAAS,CAAC;AAClB,KAAA;AACD,IAAA,OAAO,UAAU,CAAC,GAAG,CAAC,CAAC;AACzB;;;;"}