@medplum/react 0.9.33 → 0.9.34

package/dist/cjs/QuestionnaireForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Questionnaire, QuestionnaireItem, QuestionnaireResponse, QuestionnaireResponseItem, Reference } from '@medplum/fhirtypes';
+import { Questionnaire, QuestionnaireItem, QuestionnaireResponse, QuestionnaireResponseItem, QuestionnaireResponseItemAnswer, Reference } from '@medplum/fhirtypes';
 import './QuestionnaireForm.css';
 export interface QuestionnaireFormProps {
     questionnaire: Questionnaire | Reference<Questionnaire>;
@@ -10,6 +10,8 @@ export interface QuestionnaireFormProps {
 export declare function QuestionnaireForm(props: QuestionnaireFormProps): JSX.Element | null;
 export interface QuestionnaireFormItemProps {
     item: QuestionnaireItem;
+    answers: Record<string, QuestionnaireResponseItemAnswer>;
     onChange: (newResponseItem: QuestionnaireResponseItem) => void;
 }
 export declare function QuestionnaireFormItem(props: QuestionnaireFormItemProps): JSX.Element | null;
+export declare function isQuestionEnabled(item: QuestionnaireItem, answers: Record<string, QuestionnaireResponseItemAnswer>): boolean;

package/dist/cjs/index.js

@@ -5019,17 +5019,24 @@
         const [schema, setSchema] = React.useState();
         const questionnaire = useResource(props.questionnaire);
         const [response, setResponse] = React.useState();
+        const [answers, setAnswers] = React.useState({});
         React.useEffect(() => {
-            medplum.requestSchema('Questionnaire').then(setSchema).catch(console.log);
+            medplum
+                .requestSchema('Questionnaire')
+                .then(() => medplum.requestSchema('QuestionnaireResponse'))
+                .then(setSchema)
+                .catch(console.log);
         }, [medplum]);
         React.useEffect(() => {
             setResponse(questionnaire ? buildInitialResponse(questionnaire) : undefined);
         }, [questionnaire]);
         function setItems(newResponseItems) {
-            setResponse({
+            const newResponse = {
                 resourceType: 'QuestionnaireResponse',
                 item: newResponseItems,
-            });
+            };
+            setResponse(newResponse);
+            setAnswers(core.getQuestionnaireAnswers(newResponse));
         }
         if (!schema || !questionnaire) {
             return null;
@@ -5040,7 +5047,7 @@
                 }
             } },
             questionnaire.title && React__default["default"].createElement("h1", null, questionnaire.title),
-            questionnaire.item && React__default["default"].createElement(QuestionnaireFormItemArray, { items: questionnaire.item, onChange: setItems }),
+            questionnaire.item && (React__default["default"].createElement(QuestionnaireFormItemArray, { items: questionnaire.item, answers: answers, onChange: setItems })),
             React__default["default"].createElement(Button, { type: "submit", size: "large" }, props.submitButtonText || 'OK')));
     }
     function QuestionnaireFormItemArray(props) {
@@ -5052,11 +5059,14 @@
             props.onChange(newResponseItems);
         }
         return (React__default["default"].createElement(React__default["default"].Fragment, null, props.items.map((item, index) => {
+            if (!isQuestionEnabled(item, props.answers)) {
+                return null;
+            }
             if (item.type === exports.QuestionnaireItemType.display) {
                 return React__default["default"].createElement("p", { key: item.linkId }, item.text);
             }
             if (item.type === exports.QuestionnaireItemType.group) {
-                return (React__default["default"].createElement(QuestionnaireFormItem, { key: item.linkId, item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
+                return (React__default["default"].createElement(QuestionnaireFormItem, { key: item.linkId, item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
             }
             if (item.type === exports.QuestionnaireItemType.boolean) {
                 const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
@@ -5068,7 +5078,7 @@
                         }) })));
             }
             return (React__default["default"].createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
-                React__default["default"].createElement(QuestionnaireFormItem, { item: item, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
+                React__default["default"].createElement(QuestionnaireFormItem, { item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
         })));
     }
     function QuestionnaireFormItem(props) {
@@ -5100,7 +5110,7 @@
             case exports.QuestionnaireItemType.group:
                 return (React__default["default"].createElement("div", null,
                     React__default["default"].createElement("h3", null, item.text),
-                    item.item && React__default["default"].createElement(QuestionnaireFormItemArray, { items: item.item, onChange: onChangeItem })));
+                    item.item && (React__default["default"].createElement(QuestionnaireFormItemArray, { items: item.item, answers: props.answers, onChange: onChangeItem }))));
             case exports.QuestionnaireItemType.boolean:
                 return (React__default["default"].createElement(Checkbox, { name: name, defaultValue: initial === null || initial === void 0 ? void 0 : initial.valueBoolean, onChange: (newValue) => onChangeAnswer({ valueBoolean: newValue }) }));
             case exports.QuestionnaireItemType.decimal:
@@ -5211,6 +5221,35 @@
                 ((_c = (_b = (_a = e.valueCodeableConcept) === null || _a === void 0 ? void 0 : _a.coding) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.code) === 'drop-down';
         }));
     }
+    function isQuestionEnabled(item, answers) {
+        if (!item.enableWhen) {
+            return true;
+        }
+        const enableBehavior = item.enableBehavior || 'any';
+        for (const enableWhen of item.enableWhen) {
+            const expectedAnswer = core.getTypedPropertyValue({
+                type: 'QuestionnaireItemEnableWhen',
+                value: enableWhen,
+            }, 'answer[x]');
+            const actualAnswer = core.getTypedPropertyValue({
+                type: 'QuestionnaireResponseItemAnswer',
+                value: answers[enableWhen.question],
+            }, 'value[x]');
+            const match = core.deepEquals(expectedAnswer, actualAnswer);
+            if (enableBehavior === 'any' && match) {
+                return true;
+            }
+            if (enableBehavior === 'all' && !match) {
+                return false;
+            }
+        }
+        if (enableBehavior === 'any') {
+            return false;
+        }
+        else {
+            return true;
+        }
+    }
 
     function QuestionnaireBuilder(props) {
         const medplum = useMedplum();
@@ -5307,7 +5346,7 @@
                 isChoiceQuestion(item) && (React__default["default"].createElement(AnswerBuilder, { options: item.answerOption, onChange: (newOptions) => changeProperty('answerOption', newOptions) })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
                 resource.title && React__default["default"].createElement("h1", null, resource.title),
                 item.text && React__default["default"].createElement("p", null, item.text),
-                !isContainer && React__default["default"].createElement(QuestionnaireFormItem, { item: item, onChange: () => undefined }))),
+                !isContainer && React__default["default"].createElement(QuestionnaireFormItem, { item: item, answers: {}, onChange: () => undefined }))),
             item.item &&
                 item.item.map((i) => (React__default["default"].createElement("div", { key: i.id },
                     React__default["default"].createElement(ItemBuilder, { item: i, selectedKey: props.selectedKey, setSelectedKey: props.setSelectedKey, hoverKey: props.hoverKey, setHoverKey: props.setHoverKey, onChange: changeItem, onRemove: () => removeItem(i) })))),
@@ -6162,6 +6201,7 @@
     exports.hasFilterOnField = hasFilterOnField;
     exports.initRecaptcha = initRecaptcha;
     exports.isChoiceQuestion = isChoiceQuestion;
+    exports.isQuestionEnabled = isQuestionEnabled;
     exports.isSortDescending = isSortDescending;
     exports.movePage = movePage;
     exports.parseForm = parseForm;