@medplum/react 0.9.25 → 0.9.28

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;;;;"}

package/dist/esm/QuestionnaireBuilder.js

@@ -0,0 +1,217 @@
+import { globalSchema } from '@medplum/core';
+import React, { useState, useEffect, useRef } from 'react';
+import { Button } from './Button.js';
+import { Form } from './Form.js';
+import { Input } from './Input.js';
+import { useMedplum } from './MedplumProvider.js';
+import { QuestionnaireFormItem } from './QuestionnaireForm.js';
+import { QuestionnaireItemType, isChoiceQuestion } from './QuestionnaireUtils.js';
+import { getValueAndType } from './ResourcePropertyDisplay.js';
+import { ResourcePropertyInput } from './ResourcePropertyInput.js';
+import { Select } from './Select.js';
+import { TextArea } from './TextArea.js';
+import { useResource } from './useResource.js';
+import { killEvent } from './utils/dom.js';
+
+function QuestionnaireBuilder(props) {
+    const medplum = useMedplum();
+    const defaultValue = useResource(props.questionnaire);
+    const [schema, setSchema] = useState();
+    const [value, setValue] = useState();
+    const [selectedKey, setSelectedKey] = useState();
+    const [hoverKey, setHoverKey] = useState();
+    function handleDocumentMouseOver() {
+        setHoverKey(undefined);
+    }
+    function handleDocumentClick() {
+        setSelectedKey(undefined);
+    }
+    useEffect(() => {
+        medplum.requestSchema('Questionnaire').then(setSchema);
+    }, [medplum]);
+    useEffect(() => {
+        setValue(ensureQuestionnaireKeys(defaultValue !== null && defaultValue !== void 0 ? defaultValue : { resourceType: 'Questionnaire' }));
+        document.addEventListener('mouseover', handleDocumentMouseOver);
+        document.addEventListener('click', handleDocumentClick);
+        return () => {
+            document.removeEventListener('mouseover', handleDocumentMouseOver);
+            document.removeEventListener('click', handleDocumentClick);
+        };
+    }, [defaultValue]);
+    if (!schema || !value) {
+        return null;
+    }
+    return (React.createElement("div", { className: "medplum-questionnaire-builder" },
+        React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => props.onSubmit(value) },
+            React.createElement(ItemBuilder, { item: value, selectedKey: selectedKey, setSelectedKey: setSelectedKey, hoverKey: hoverKey, setHoverKey: setHoverKey, onChange: setValue }),
+            React.createElement(Button, { type: "submit", size: "large" }, "Save"))));
+}
+function ItemBuilder(props) {
+    var _a;
+    const resource = props.item;
+    const item = props.item;
+    const isResource = 'resourceType' in props.item;
+    const isContainer = isResource || item.type === QuestionnaireItemType.group;
+    const linkId = (_a = item.linkId) !== null && _a !== void 0 ? _a : '[untitled]';
+    const editing = props.selectedKey === props.item.id;
+    const hovering = props.hoverKey === props.item.id;
+    const itemRef = useRef();
+    itemRef.current = props.item;
+    function onClick(e) {
+        killEvent(e);
+        props.setSelectedKey(props.item.id);
+    }
+    function onHover(e) {
+        killEvent(e);
+        props.setHoverKey(props.item.id);
+    }
+    function changeItem(changedItem) {
+        var _a;
+        const curr = itemRef.current;
+        props.onChange(Object.assign(Object.assign({}, curr), { item: (_a = curr.item) === null || _a === void 0 ? void 0 : _a.map((i) => (i.id === changedItem.id ? changedItem : i)) }));
+    }
+    function addItem(addedItem) {
+        var _a, _b;
+        props.onChange(Object.assign(Object.assign({}, props.item), { item: [...((_b = (_a = props.item) === null || _a === void 0 ? void 0 : _a.item) !== null && _b !== void 0 ? _b : []), addedItem] }));
+    }
+    function removeItem(removedItem) {
+        var _a, _b;
+        props.onChange(Object.assign(Object.assign({}, props.item), { item: (_b = (_a = props.item) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.filter((i) => i !== removedItem) }));
+    }
+    function changeProperty(property, value) {
+        props.onChange(Object.assign(Object.assign({}, itemRef.current), { [property]: value }));
+    }
+    const className = editing ? 'section editing' : hovering ? 'section hovering' : 'section';
+    return (React.createElement("div", { "data-testid": item.linkId, className: className, onClick: onClick, onMouseOver: onHover },
+        editing ? (React.createElement(React.Fragment, null,
+            isResource && (React.createElement("div", null,
+                React.createElement(Input, { defaultValue: resource.title, onChange: (newValue) => changeProperty('title', newValue) }))),
+            !isContainer && (React.createElement("div", null,
+                React.createElement(Select, { defaultValue: item.type, onChange: (newValue) => changeProperty('type', newValue) },
+                    React.createElement("option", { value: "display" }, "Display"),
+                    React.createElement("optgroup", { label: "Question" },
+                        React.createElement("option", { value: "boolean" }, "Boolean"),
+                        React.createElement("option", { value: "decimal" }, "Decimal"),
+                        React.createElement("option", { value: "integer" }, "Integer"),
+                        React.createElement("option", { value: "date" }, "Date"),
+                        React.createElement("option", { value: "dateTime" }, "Date/Time"),
+                        React.createElement("option", { value: "time" }, "Time"),
+                        React.createElement("option", { value: "string" }, "String"),
+                        React.createElement("option", { value: "text" }, "Text"),
+                        React.createElement("option", { value: "url" }, "URL"),
+                        React.createElement("option", { value: "choice" }, "Choice"),
+                        React.createElement("option", { value: "open-choice" }, "Open Choice"),
+                        React.createElement("option", { value: "attachment" }, "Attachment"),
+                        React.createElement("option", { value: "reference" }, "Reference"),
+                        React.createElement("option", { value: "quantity" }, "Quantity"))))),
+            !isResource && (React.createElement(TextArea, { style: { width: '95%', height: '100px', minHeight: '100px', margin: '8px 4px 4px 4px' }, defaultValue: item.text, onChange: (newValue) => changeProperty('text', newValue) })),
+            isChoiceQuestion(item) && (React.createElement(AnswerBuilder, { options: item.answerOption, onChange: (newOptions) => changeProperty('answerOption', newOptions) })))) : (React.createElement(React.Fragment, null,
+            resource.title && React.createElement("h1", null, resource.title),
+            item.text && React.createElement("p", null, item.text),
+            !isContainer && React.createElement(QuestionnaireFormItem, { item: item, onChange: () => undefined }))),
+        item.item &&
+            item.item.map((i) => (React.createElement("div", { key: i.id },
+                React.createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
+        !isContainer && (React.createElement("div", { className: "top-actions" }, editing ? (React.createElement(Input, { defaultValue: item.linkId, onChange: (newValue) => changeProperty('linkId', newValue), size: 4 })) : (React.createElement("div", null, linkId)))),
+        React.createElement("div", { className: "bottom-actions" },
+            isContainer && (React.createElement(React.Fragment, null,
+                React.createElement("a", { href: "#", onClick: (e) => {
+                        e.preventDefault();
+                        addItem({
+                            id: generateId(),
+                            linkId: generateLinkId('q'),
+                            type: 'string',
+                            text: 'Question',
+                        });
+                    } }, "Add item"),
+                React.createElement("a", { href: "#", onClick: (e) => {
+                        e.preventDefault();
+                        addItem({
+                            id: generateId(),
+                            linkId: generateLinkId('g'),
+                            type: 'group',
+                            text: 'Group',
+                        });
+                    } }, "Add group"))),
+            !isResource && (React.createElement("a", { href: "#", onClick: (e) => {
+                    e.preventDefault();
+                    if (props.onRemove) {
+                        props.onRemove();
+                    }
+                } }, "Remove")))));
+}
+function AnswerBuilder(props) {
+    var _a;
+    const property = globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
+    const options = (_a = props.options) !== null && _a !== void 0 ? _a : [];
+    return (React.createElement("div", null,
+        options.map((option) => {
+            const [propertyValue, propertyType] = getValueAndType({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
+            return (React.createElement("div", { key: option.id, style: {
+                    display: 'flex',
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                    alignItems: 'center',
+                    width: '80%',
+                } },
+                React.createElement("div", null,
+                    React.createElement(ResourcePropertyInput, { key: option.id, name: "value[x]", property: property, defaultPropertyType: propertyType, defaultValue: propertyValue, onChange: (newValue, propName) => {
+                            const newOptions = [...options];
+                            const index = newOptions.findIndex((o) => o.id === option.id);
+                            newOptions[index] = { id: option.id, [propName]: newValue };
+                            props.onChange(newOptions);
+                        } })),
+                React.createElement("div", null,
+                    React.createElement("a", { href: "#", onClick: (e) => {
+                            killEvent(e);
+                            props.onChange(options.filter((o) => o.id !== option.id));
+                        } }, "Remove"))));
+        }),
+        React.createElement("a", { href: "#", onClick: (e) => {
+                killEvent(e);
+                props.onChange([
+                    ...options,
+                    {
+                        id: generateId(),
+                    },
+                ]);
+            } }, "Add choice")));
+}
+let nextLinkId = 1;
+let nextId = 1;
+/**
+ * Generates a link ID for an item.
+ * Link IDs are required properties on QuestionnaireItem objects.
+ * @return A unique link ID.
+ */
+function generateLinkId(prefix) {
+    return prefix + nextLinkId++;
+}
+/**
+ * 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() {
+    return 'id-' + nextId++;
+}
+function ensureQuestionnaireKeys(questionnaire) {
+    return Object.assign(Object.assign({}, questionnaire), { id: questionnaire.id || generateId(), item: ensureQuestionnaireItemKeys(questionnaire.item) });
+}
+function ensureQuestionnaireItemKeys(items) {
+    if (!items) {
+        return undefined;
+    }
+    return items.map((item) => (Object.assign(Object.assign({}, item), { id: item.id || generateId(), item: ensureQuestionnaireItemKeys(item.item), answerOption: ensureQuestionnaireOptionKeys(item.answerOption) })));
+}
+function ensureQuestionnaireOptionKeys(options) {
+    if (!options) {
+        return undefined;
+    }
+    return options.map((option) => (Object.assign(Object.assign({}, option), { id: option.id || generateId() })));
+}
+
+export { QuestionnaireBuilder };
+//# sourceMappingURL=QuestionnaireBuilder.js.map

package/dist/esm/QuestionnaireBuilder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionnaireBuilder.js","sources":["../../src/QuestionnaireBuilder.tsx"],"sourcesContent":["import { globalSchema, IndexedStructureDefinition } from '@medplum/core';\nimport { Questionnaire, QuestionnaireItem, QuestionnaireItemAnswerOption, Reference } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Button } from './Button';\nimport { Form } from './Form';\nimport { Input } from './Input';\nimport { useMedplum } from './MedplumProvider';\nimport { QuestionnaireFormItem } from './QuestionnaireForm';\nimport { isChoiceQuestion, QuestionnaireItemType } from './QuestionnaireUtils';\nimport { getValueAndType } from './ResourcePropertyDisplay';\nimport { ResourcePropertyInput } from './ResourcePropertyInput';\nimport { Select } from './Select';\nimport { TextArea } from './TextArea';\nimport { useResource } from './useResource';\nimport { killEvent } from './utils/dom';\nimport './QuestionnaireBuilder.css';\n\nexport interface QuestionnaireBuilderProps {\n  questionnaire: Questionnaire | Reference<Questionnaire>;\n  onSubmit: (result: Questionnaire) => void;\n}\n\nexport function QuestionnaireBuilder(props: QuestionnaireBuilderProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const defaultValue = useResource(props.questionnaire);\n  const [schema, setSchema] = useState<IndexedStructureDefinition | undefined>();\n  const [value, setValue] = useState<Questionnaire>();\n  const [selectedKey, setSelectedKey] = useState<string>();\n  const [hoverKey, setHoverKey] = useState<string>();\n\n  function handleDocumentMouseOver(): void {\n    setHoverKey(undefined);\n  }\n\n  function handleDocumentClick(): void {\n    setSelectedKey(undefined);\n  }\n\n  useEffect(() => {\n    medplum.requestSchema('Questionnaire').then(setSchema);\n  }, [medplum]);\n\n  useEffect(() => {\n    setValue(ensureQuestionnaireKeys(defaultValue ?? { resourceType: 'Questionnaire' }));\n    document.addEventListener('mouseover', handleDocumentMouseOver);\n    document.addEventListener('click', handleDocumentClick);\n    return () => {\n      document.removeEventListener('mouseover', handleDocumentMouseOver);\n      document.removeEventListener('click', handleDocumentClick);\n    };\n  }, [defaultValue]);\n\n  if (!schema || !value) {\n    return null;\n  }\n\n  return (\n    <div className=\"medplum-questionnaire-builder\">\n      <Form testid=\"questionnaire-form\" onSubmit={() => props.onSubmit(value)}>\n        <ItemBuilder\n          item={value}\n          selectedKey={selectedKey}\n          setSelectedKey={setSelectedKey}\n          hoverKey={hoverKey}\n          setHoverKey={setHoverKey}\n          onChange={setValue}\n        />\n        <Button type=\"submit\" size=\"large\">\n          Save\n        </Button>\n      </Form>\n    </div>\n  );\n}\n\ninterface ItemBuilderProps<T extends Questionnaire | QuestionnaireItem> {\n  item: T;\n  selectedKey: string | undefined;\n  setSelectedKey: (key: string | undefined) => void;\n  hoverKey: string | undefined;\n  setHoverKey: (key: string | undefined) => void;\n  onChange: (item: T) => void;\n  onRemove?: () => void;\n}\n\nfunction ItemBuilder<T extends Questionnaire | QuestionnaireItem>(props: ItemBuilderProps<T>): JSX.Element {\n  const resource = props.item as Questionnaire;\n  const item = props.item as QuestionnaireItem;\n  const isResource = 'resourceType' in props.item;\n  const isContainer = isResource || item.type === QuestionnaireItemType.group;\n  const linkId = item.linkId ?? '[untitled]';\n  const editing = props.selectedKey === props.item.id;\n  const hovering = props.hoverKey === props.item.id;\n\n  const itemRef = useRef<T>();\n  itemRef.current = props.item;\n\n  function onClick(e: React.SyntheticEvent): void {\n    killEvent(e);\n    props.setSelectedKey(props.item.id);\n  }\n\n  function onHover(e: React.SyntheticEvent): void {\n    killEvent(e);\n    props.setHoverKey(props.item.id);\n  }\n\n  function changeItem(changedItem: QuestionnaireItem): void {\n    const curr = itemRef.current as T;\n    props.onChange({\n      ...curr,\n      item: curr.item?.map((i) => (i.id === changedItem.id ? changedItem : i)),\n    } as T);\n  }\n\n  function addItem(addedItem: QuestionnaireItem): void {\n    props.onChange({\n      ...props.item,\n      item: [...(props.item?.item ?? []), addedItem],\n    });\n  }\n\n  function removeItem(removedItem: QuestionnaireItem): void {\n    props.onChange({\n      ...props.item,\n      item: props.item?.item?.filter((i) => i !== removedItem),\n    });\n  }\n\n  function changeProperty(property: string, value: any): void {\n    props.onChange({\n      ...itemRef.current,\n      [property]: value,\n    } as T);\n  }\n\n  const className = editing ? 'section editing' : hovering ? 'section hovering' : 'section';\n  return (\n    <div data-testid={item.linkId} className={className} onClick={onClick} onMouseOver={onHover}>\n      {editing ? (\n        <>\n          {isResource && (\n            <div>\n              <Input defaultValue={resource.title} onChange={(newValue) => changeProperty('title', newValue)} />\n            </div>\n          )}\n          {!isContainer && (\n            <div>\n              <Select defaultValue={item.type} onChange={(newValue) => changeProperty('type', newValue)}>\n                <option value=\"display\">Display</option>\n                <optgroup label=\"Question\">\n                  <option value=\"boolean\">Boolean</option>\n                  <option value=\"decimal\">Decimal</option>\n                  <option value=\"integer\">Integer</option>\n                  <option value=\"date\">Date</option>\n                  <option value=\"dateTime\">Date/Time</option>\n                  <option value=\"time\">Time</option>\n                  <option value=\"string\">String</option>\n                  <option value=\"text\">Text</option>\n                  <option value=\"url\">URL</option>\n                  <option value=\"choice\">Choice</option>\n                  <option value=\"open-choice\">Open Choice</option>\n                  <option value=\"attachment\">Attachment</option>\n                  <option value=\"reference\">Reference</option>\n                  <option value=\"quantity\">Quantity</option>\n                </optgroup>\n              </Select>\n            </div>\n          )}\n          {!isResource && (\n            <TextArea\n              style={{ width: '95%', height: '100px', minHeight: '100px', margin: '8px 4px 4px 4px' }}\n              defaultValue={item.text}\n              onChange={(newValue) => changeProperty('text', newValue)}\n            />\n          )}\n          {isChoiceQuestion(item) && (\n            <AnswerBuilder\n              options={item.answerOption}\n              onChange={(newOptions) => changeProperty('answerOption', newOptions)}\n            />\n          )}\n        </>\n      ) : (\n        <>\n          {resource.title && <h1>{resource.title}</h1>}\n          {item.text && <p>{item.text}</p>}\n          {!isContainer && <QuestionnaireFormItem item={item} onChange={() => undefined} />}\n        </>\n      )}\n      {item.item &&\n        item.item.map((i) => (\n          <div key={i.id}>\n            <ItemBuilder\n              item={i}\n              selectedKey={props.selectedKey}\n              setSelectedKey={props.setSelectedKey}\n              hoverKey={props.hoverKey}\n              setHoverKey={props.setHoverKey}\n              onChange={changeItem}\n              onRemove={() => removeItem(i)}\n            />\n          </div>\n        ))}\n      {!isContainer && (\n        <div className=\"top-actions\">\n          {editing ? (\n            <Input defaultValue={item.linkId} onChange={(newValue) => changeProperty('linkId', newValue)} size={4} />\n          ) : (\n            <div>{linkId}</div>\n          )}\n        </div>\n      )}\n      <div className=\"bottom-actions\">\n        {isContainer && (\n          <>\n            <a\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                addItem({\n                  id: generateId(),\n                  linkId: generateLinkId('q'),\n                  type: 'string',\n                  text: 'Question',\n                } as QuestionnaireItem);\n              }}\n            >\n              Add item\n            </a>\n            <a\n              href=\"#\"\n              onClick={(e) => {\n                e.preventDefault();\n                addItem({\n                  id: generateId(),\n                  linkId: generateLinkId('g'),\n                  type: 'group',\n                  text: 'Group',\n                } as QuestionnaireItem);\n              }}\n            >\n              Add group\n            </a>\n          </>\n        )}\n        {!isResource && (\n          <a\n            href=\"#\"\n            onClick={(e) => {\n              e.preventDefault();\n              if (props.onRemove) {\n                props.onRemove();\n              }\n            }}\n          >\n            Remove\n          </a>\n        )}\n      </div>\n    </div>\n  );\n}\n\ninterface AnswerBuilderProps {\n  options?: QuestionnaireItemAnswerOption[];\n  onChange: (newOptions: QuestionnaireItemAnswerOption[]) => void;\n}\n\nfunction AnswerBuilder(props: AnswerBuilderProps): JSX.Element {\n  const property = globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];\n  const options = props.options ?? [];\n  return (\n    <div>\n      {options.map((option: QuestionnaireItemAnswerOption) => {\n        const [propertyValue, propertyType] = getValueAndType(\n          { type: 'QuestionnaireItemAnswerOption', value: option },\n          'value'\n        );\n        return (\n          <div\n            key={option.id}\n            style={{\n              display: 'flex',\n              flexDirection: 'row',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              width: '80%',\n            }}\n          >\n            <div>\n              <ResourcePropertyInput\n                key={option.id}\n                name=\"value[x]\"\n                property={property}\n                defaultPropertyType={propertyType}\n                defaultValue={propertyValue}\n                onChange={(newValue: any, propName?: string) => {\n                  const newOptions = [...options];\n                  const index = newOptions.findIndex((o) => o.id === option.id);\n                  newOptions[index] = { id: option.id, [propName as string]: newValue };\n                  props.onChange(newOptions);\n                }}\n              />\n            </div>\n            <div>\n              <a\n                href=\"#\"\n                onClick={(e: React.SyntheticEvent) => {\n                  killEvent(e);\n                  props.onChange(options.filter((o) => o.id !== option.id));\n                }}\n              >\n                Remove\n              </a>\n            </div>\n          </div>\n        );\n      })}\n      <a\n        href=\"#\"\n        onClick={(e: React.SyntheticEvent) => {\n          killEvent(e);\n          props.onChange([\n            ...options,\n            {\n              id: generateId(),\n            },\n          ]);\n        }}\n      >\n        Add choice\n      </a>\n    </div>\n  );\n}\n\nlet nextLinkId = 1;\nlet nextId = 1;\n\n/**\n * Generates a link ID for an item.\n * Link IDs are required properties on QuestionnaireItem objects.\n * @return A unique link ID.\n */\nfunction generateLinkId(prefix: string): string {\n  return prefix + nextLinkId++;\n}\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(): string {\n  return 'id-' + nextId++;\n}\n\nfunction ensureQuestionnaireKeys(questionnaire: Questionnaire): Questionnaire {\n  return {\n    ...questionnaire,\n    id: questionnaire.id || generateId(),\n    item: ensureQuestionnaireItemKeys(questionnaire.item),\n  } as Questionnaire;\n}\n\nfunction ensureQuestionnaireItemKeys(items: QuestionnaireItem[] | undefined): QuestionnaireItem[] | undefined {\n  if (!items) {\n    return undefined;\n  }\n  return items.map((item) => ({\n    ...item,\n    id: item.id || generateId(),\n    item: ensureQuestionnaireItemKeys(item.item),\n    answerOption: ensureQuestionnaireOptionKeys(item.answerOption),\n  }));\n}\n\nfunction ensureQuestionnaireOptionKeys(\n  options: QuestionnaireItemAnswerOption[] | undefined\n): QuestionnaireItemAnswerOption[] | undefined {\n  if (!options) {\n    return undefined;\n  }\n  return options.map((option) => ({\n    ...option,\n    id: option.id || generateId(),\n  }));\n}\n"],"names":[],"mappings":"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"}