@medplum/react 2.0.24 → 2.0.25

package/dist/esm/QuestionnaireBuilder/QuestionnaireBuilder.mjs

@@ -1,288 +0,0 @@
-import { createStyles, Button, TextInput, Textarea, Title, NativeSelect, Anchor } from '@mantine/core';
-import { isResource, globalSchema } from '@medplum/core';
-import React, { useState, useEffect, useRef } from 'react';
-import { Form } from '../Form/Form.mjs';
-import { useMedplum } from '../MedplumProvider/MedplumProvider.mjs';
-import { QuestionnaireFormItem } from '../QuestionnaireForm/QuestionnaireForm.mjs';
-import { getValueAndType } from '../ResourcePropertyDisplay/ResourcePropertyDisplay.mjs';
-import { ResourcePropertyInput } from '../ResourcePropertyInput/ResourcePropertyInput.mjs';
-import { useResource } from '../useResource/useResource.mjs';
-import { killEvent } from '../utils/dom.mjs';
-import { QuestionnaireItemType, isChoiceQuestion } from '../utils/questionnaire.mjs';
-
-const useStyles = createStyles((theme) => ({
-    section: {
-        position: 'relative',
-        margin: '4px 4px 8px 0',
-        padding: '6px 12px 16px 6px',
-        border: `1.5px solid ${theme.colors.gray[1]}`,
-        borderRadius: theme.radius.sm,
-        transition: 'all 0.1s',
-    },
-    hovering: {
-        border: `1.5px solid ${theme.colors.blue[5]}`,
-    },
-    editing: {
-        border: `1.5px solid ${theme.colors.gray[1]}`,
-        borderLeft: `4px solid ${theme.colors.blue[5]}`,
-    },
-    questionBody: {
-        maxWidth: 600,
-    },
-    topActions: {
-        position: 'absolute',
-        right: 4,
-        top: 1,
-        padding: 4,
-        color: theme.colors.gray[5],
-        fontSize: theme.fontSizes.xs,
-    },
-    bottomActions: {
-        position: 'absolute',
-        right: 4,
-        bottom: 0,
-        fontSize: theme.fontSizes.xs,
-        '& a': {
-            marginLeft: 8,
-        },
-    },
-    linkIdInput: {
-        width: 100,
-        marginBottom: 4,
-    },
-    typeSelect: {
-        width: 100,
-    },
-}));
-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).catch(console.log);
-    }, [medplum]);
-    useEffect(() => {
-        setValue(ensureQuestionnaireKeys(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", null,
-        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" }, "Save"))));
-}
-function ItemBuilder(props) {
-    const { classes, cx } = useStyles();
-    const resource = props.item;
-    const item = props.item;
-    const isResource$1 = isResource(props.item);
-    const isContainer = isResource$1 || item.type === QuestionnaireItemType.group;
-    const linkId = item.linkId ?? '[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) {
-        const curr = itemRef.current;
-        props.onChange({
-            ...curr,
-            item: curr.item?.map((i) => (i.id === changedItem.id ? changedItem : i)),
-        });
-    }
-    function addItem(addedItem) {
-        props.onChange({
-            ...props.item,
-            item: [...(props.item.item ?? []), addedItem],
-        });
-    }
-    function removeItem(removedItem) {
-        props.onChange({
-            ...props.item,
-            item: props.item.item?.filter((i) => i !== removedItem),
-        });
-    }
-    function changeProperty(property, value) {
-        props.onChange({
-            ...itemRef.current,
-            [property]: value,
-        });
-    }
-    const className = cx(classes.section, {
-        [classes.editing]: editing,
-        [classes.hovering]: hovering && !editing,
-    });
-    return (React.createElement("div", { "data-testid": item.linkId, className: className, onClick: onClick, onMouseOver: onHover },
-        React.createElement("div", { className: classes.questionBody }, editing ? (React.createElement(React.Fragment, null,
-            isResource$1 && (React.createElement(TextInput, { size: "xl", defaultValue: resource.title, onChange: (e) => changeProperty('title', e.currentTarget.value) })),
-            !isResource$1 && (React.createElement(Textarea, { autosize: true, minRows: 2, defaultValue: item.text, onChange: (e) => changeProperty('text', e.currentTarget.value) })),
-            isChoiceQuestion(item) && (React.createElement(AnswerBuilder, { options: item.answerOption, onChange: (newOptions) => changeProperty('answerOption', newOptions) })))) : (React.createElement(React.Fragment, null,
-            resource.title && React.createElement(Title, null, resource.title),
-            item.text && React.createElement("div", null, item.text),
-            !isContainer && React.createElement(QuestionnaireFormItem, { item: item, answers: {}, onChange: () => undefined })))),
-        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: classes.topActions }, editing ? (React.createElement(React.Fragment, null,
-            React.createElement(TextInput, { size: "xs", className: classes.linkIdInput, defaultValue: item.linkId, onChange: (e) => changeProperty('linkId', e.currentTarget.value) }),
-            !isContainer && (React.createElement(NativeSelect, { size: "xs", className: classes.typeSelect, defaultValue: item.type, onChange: (e) => changeProperty('type', e.currentTarget.value), data: [
-                    { value: 'display', label: 'Display' },
-                    { value: 'boolean', label: 'Boolean' },
-                    { value: 'decimal', label: 'Decimal' },
-                    { value: 'integer', label: 'Integer' },
-                    { value: 'date', label: 'Date' },
-                    { value: 'dateTime', label: 'Date/Time' },
-                    { value: 'time', label: 'Time' },
-                    { value: 'string', label: 'String' },
-                    { value: 'text', label: 'Text' },
-                    { value: 'url', label: 'URL' },
-                    { value: 'choice', label: 'Choice' },
-                    { value: 'open-choice', label: 'Open Choice' },
-                    { value: 'attachment', label: 'Attachment' },
-                    { value: 'reference', label: 'Reference' },
-                    { value: 'quantity', label: 'Quantity' },
-                ] })))) : (React.createElement("div", null, linkId)))),
-        React.createElement("div", { className: classes.bottomActions },
-            isContainer && (React.createElement(React.Fragment, null,
-                React.createElement(Anchor, { href: "#", onClick: (e) => {
-                        e.preventDefault();
-                        addItem({
-                            id: generateId(),
-                            linkId: generateLinkId('q'),
-                            type: 'string',
-                            text: 'Question',
-                        });
-                    } }, "Add item"),
-                React.createElement(Anchor, { href: "#", onClick: (e) => {
-                        e.preventDefault();
-                        addItem({
-                            id: generateId(),
-                            linkId: generateLinkId('g'),
-                            type: 'group',
-                            text: 'Group',
-                        });
-                    } }, "Add group"))),
-            editing && !isResource$1 && (React.createElement(Anchor, { href: "#", onClick: (e) => {
-                    e.preventDefault();
-                    if (props.onRemove) {
-                        props.onRemove();
-                    }
-                } }, "Remove")))));
-}
-function AnswerBuilder(props) {
-    const property = globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
-    const options = props.options ?? [];
-    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(Anchor, { href: "#", onClick: (e) => {
-                            killEvent(e);
-                            props.onChange(options.filter((o) => o.id !== option.id));
-                        } }, "Remove"))));
-        }),
-        React.createElement(Anchor, { 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.
- * @param prefix The link ID prefix string.
- * @returns 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.
- * @returns A unique key.
- */
-function generateId() {
-    return 'id-' + nextId++;
-}
-function ensureQuestionnaireKeys(questionnaire) {
-    return {
-        ...questionnaire,
-        id: questionnaire.id || generateId(),
-        item: ensureQuestionnaireItemKeys(questionnaire.item),
-    };
-}
-function ensureQuestionnaireItemKeys(items) {
-    if (!items) {
-        return undefined;
-    }
-    items.forEach((item) => {
-        if (item.id?.match(/^id-\d+$/)) {
-            nextId = Math.max(nextId, parseInt(item.id.substring(3), 10) + 1);
-        }
-        if (item.linkId?.match(/^q\d+$/)) {
-            nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1), 10) + 1);
-        }
-    });
-    return items.map((item) => ({
-        ...item,
-        id: item.id || generateId(),
-        item: ensureQuestionnaireItemKeys(item.item),
-        answerOption: ensureQuestionnaireOptionKeys(item.answerOption),
-    }));
-}
-function ensureQuestionnaireOptionKeys(options) {
-    if (!options) {
-        return undefined;
-    }
-    return options.map((option) => ({
-        ...option,
-        id: option.id || generateId(),
-    }));
-}
-
-export { QuestionnaireBuilder };
-//# sourceMappingURL=QuestionnaireBuilder.mjs.map

package/dist/esm/QuestionnaireBuilder/QuestionnaireBuilder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuestionnaireBuilder.mjs","sources":["../../../src/QuestionnaireBuilder/QuestionnaireBuilder.tsx"],"sourcesContent":["import { Anchor, Button, createStyles, NativeSelect, Textarea, TextInput, Title } from '@mantine/core';\nimport { globalSchema, IndexedStructureDefinition, isResource as isResourceType } from '@medplum/core';\nimport { Questionnaire, QuestionnaireItem, QuestionnaireItemAnswerOption, Reference } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Form } from '../Form/Form';\nimport { useMedplum } from '../MedplumProvider/MedplumProvider';\nimport { QuestionnaireFormItem } from '../QuestionnaireForm/QuestionnaireForm';\nimport { getValueAndType } from '../ResourcePropertyDisplay/ResourcePropertyDisplay';\nimport { ResourcePropertyInput } from '../ResourcePropertyInput/ResourcePropertyInput';\nimport { useResource } from '../useResource/useResource';\nimport { killEvent } from '../utils/dom';\nimport { isChoiceQuestion, QuestionnaireItemType } from '../utils/questionnaire';\n\nconst useStyles = createStyles((theme) => ({\n  section: {\n    position: 'relative',\n    margin: '4px 4px 8px 0',\n    padding: '6px 12px 16px 6px',\n    border: `1.5px solid ${theme.colors.gray[1]}`,\n    borderRadius: theme.radius.sm,\n    transition: 'all 0.1s',\n  },\n\n  hovering: {\n    border: `1.5px solid ${theme.colors.blue[5]}`,\n  },\n\n  editing: {\n    border: `1.5px solid ${theme.colors.gray[1]}`,\n    borderLeft: `4px solid ${theme.colors.blue[5]}`,\n  },\n\n  questionBody: {\n    maxWidth: 600,\n  },\n\n  topActions: {\n    position: 'absolute',\n    right: 4,\n    top: 1,\n    padding: 4,\n    color: theme.colors.gray[5],\n    fontSize: theme.fontSizes.xs,\n  },\n\n  bottomActions: {\n    position: 'absolute',\n    right: 4,\n    bottom: 0,\n    fontSize: theme.fontSizes.xs,\n\n    '& a': {\n      marginLeft: 8,\n    },\n  },\n\n  linkIdInput: {\n    width: 100,\n    marginBottom: 4,\n  },\n\n  typeSelect: {\n    width: 100,\n  },\n}));\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).catch(console.log);\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>\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\">Save</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 { classes, cx } = useStyles();\n  const resource = props.item as Questionnaire;\n  const item = props.item as QuestionnaireItem;\n  const isResource = isResourceType(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 = cx(classes.section, {\n    [classes.editing]: editing,\n    [classes.hovering]: hovering && !editing,\n  });\n\n  return (\n    <div data-testid={item.linkId} className={className} onClick={onClick} onMouseOver={onHover}>\n      <div className={classes.questionBody}>\n        {editing ? (\n          <>\n            {isResource && (\n              <TextInput\n                size=\"xl\"\n                defaultValue={resource.title}\n                onChange={(e) => changeProperty('title', e.currentTarget.value)}\n              />\n            )}\n            {!isResource && (\n              <Textarea\n                autosize\n                minRows={2}\n                defaultValue={item.text}\n                onChange={(e) => changeProperty('text', e.currentTarget.value)}\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 && <Title>{resource.title}</Title>}\n            {item.text && <div>{item.text}</div>}\n            {!isContainer && <QuestionnaireFormItem item={item} answers={{}} onChange={() => undefined} />}\n          </>\n        )}\n      </div>\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={classes.topActions}>\n          {editing ? (\n            <>\n              <TextInput\n                size=\"xs\"\n                className={classes.linkIdInput}\n                defaultValue={item.linkId}\n                onChange={(e) => changeProperty('linkId', e.currentTarget.value)}\n              />\n              {!isContainer && (\n                <NativeSelect\n                  size=\"xs\"\n                  className={classes.typeSelect}\n                  defaultValue={item.type}\n                  onChange={(e) => changeProperty('type', e.currentTarget.value)}\n                  data={[\n                    { value: 'display', label: 'Display' },\n                    { value: 'boolean', label: 'Boolean' },\n                    { value: 'decimal', label: 'Decimal' },\n                    { value: 'integer', label: 'Integer' },\n                    { value: 'date', label: 'Date' },\n                    { value: 'dateTime', label: 'Date/Time' },\n                    { value: 'time', label: 'Time' },\n                    { value: 'string', label: 'String' },\n                    { value: 'text', label: 'Text' },\n                    { value: 'url', label: 'URL' },\n                    { value: 'choice', label: 'Choice' },\n                    { value: 'open-choice', label: 'Open Choice' },\n                    { value: 'attachment', label: 'Attachment' },\n                    { value: 'reference', label: 'Reference' },\n                    { value: 'quantity', label: 'Quantity' },\n                  ]}\n                />\n              )}\n            </>\n          ) : (\n            <div>{linkId}</div>\n          )}\n        </div>\n      )}\n      <div className={classes.bottomActions}>\n        {isContainer && (\n          <>\n            <Anchor\n              href=\"#\"\n              onClick={(e: React.MouseEvent) => {\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            </Anchor>\n            <Anchor\n              href=\"#\"\n              onClick={(e: React.MouseEvent) => {\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            </Anchor>\n          </>\n        )}\n        {editing && !isResource && (\n          <Anchor\n            href=\"#\"\n            onClick={(e: React.MouseEvent) => {\n              e.preventDefault();\n              if (props.onRemove) {\n                props.onRemove();\n              }\n            }}\n          >\n            Remove\n          </Anchor>\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              <Anchor\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              </Anchor>\n            </div>\n          </div>\n        );\n      })}\n      <Anchor\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      </Anchor>\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 * @param prefix The link ID prefix string.\n * @returns 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 * @returns 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  items.forEach((item) => {\n    if (item.id?.match(/^id-\\d+$/)) {\n      nextId = Math.max(nextId, parseInt(item.id.substring(3), 10) + 1);\n    }\n    if (item.linkId?.match(/^q\\d+$/)) {\n      nextLinkId = Math.max(nextLinkId, parseInt(item.linkId.substring(1), 10) + 1);\n    }\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":["isResource","isResourceType"],"mappings":"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"}

package/dist/esm/QuestionnaireForm/QuestionnaireForm.mjs

@@ -1,276 +0,0 @@
-import { Title, Group, Button, Stack, Checkbox, Textarea, TextInput, NativeSelect, Radio } from '@mantine/core';
-import { getReferenceString, createReference, getTypedPropertyValue, capitalize, globalSchema, stringify, deepEquals, getQuestionnaireAnswers } from '@medplum/core';
-import React, { useState, useEffect } from 'react';
-import { AttachmentInput } from '../AttachmentInput/AttachmentInput.mjs';
-import { CheckboxFormSection } from '../CheckboxFormSection/CheckboxFormSection.mjs';
-import { DateTimeInput } from '../DateTimeInput/DateTimeInput.mjs';
-import { Form } from '../Form/Form.mjs';
-import { FormSection } from '../FormSection/FormSection.mjs';
-import { useMedplum } from '../MedplumProvider/MedplumProvider.mjs';
-import { QuantityInput } from '../QuantityInput/QuantityInput.mjs';
-import { ReferenceInput } from '../ReferenceInput/ReferenceInput.mjs';
-import { ResourcePropertyDisplay } from '../ResourcePropertyDisplay/ResourcePropertyDisplay.mjs';
-import { useResource } from '../useResource/useResource.mjs';
-import { QuestionnaireItemType } from '../utils/questionnaire.mjs';
-
-function QuestionnaireForm(props) {
-    const medplum = useMedplum();
-    const source = medplum.getProfile();
-    const [schema, setSchema] = useState();
-    const questionnaire = useResource(props.questionnaire);
-    const [response, setResponse] = useState();
-    const [answers, setAnswers] = useState({});
-    useEffect(() => {
-        medplum
-            .requestSchema('Questionnaire')
-            .then(() => medplum.requestSchema('QuestionnaireResponse'))
-            .then(setSchema)
-            .catch(console.log);
-    }, [medplum]);
-    useEffect(() => {
-        setResponse(questionnaire ? buildInitialResponse(questionnaire) : undefined);
-    }, [questionnaire]);
-    function setItems(newResponseItems) {
-        const newResponse = {
-            resourceType: 'QuestionnaireResponse',
-            item: newResponseItems,
-        };
-        setResponse(newResponse);
-        setAnswers(getQuestionnaireAnswers(newResponse));
-    }
-    if (!schema || !questionnaire) {
-        return null;
-    }
-    return (React.createElement(Form, { testid: "questionnaire-form", onSubmit: () => {
-            if (props.onSubmit && response) {
-                props.onSubmit({
-                    ...response,
-                    questionnaire: getReferenceString(questionnaire),
-                    subject: props.subject,
-                    source: createReference(source),
-                    authored: new Date().toISOString(),
-                    status: 'completed',
-                });
-            }
-        } },
-        questionnaire.title && React.createElement(Title, null, questionnaire.title),
-        questionnaire.item && (React.createElement(QuestionnaireFormItemArray, { items: questionnaire.item, answers: answers, onChange: setItems })),
-        React.createElement(Group, { position: "right", mt: "xl" },
-            React.createElement(Button, { type: "submit" }, props.submitButtonText || 'OK'))));
-}
-function QuestionnaireFormItemArray(props) {
-    const [responseItems, setResponseItems] = useState(buildInitialResponseItems(props.items));
-    function setResponseItem(index, newResponseItem) {
-        const newResponseItems = responseItems.slice();
-        newResponseItems[index] = newResponseItem;
-        setResponseItems(newResponseItems);
-        props.onChange(newResponseItems);
-    }
-    return (React.createElement(Stack, null, props.items.map((item, index) => {
-        if (!isQuestionEnabled(item, props.answers)) {
-            return null;
-        }
-        if (item.type === QuestionnaireItemType.display) {
-            return React.createElement("p", { key: item.linkId }, item.text);
-        }
-        if (item.type === QuestionnaireItemType.group) {
-            return (React.createElement(QuestionnaireFormItem, { key: item.linkId, item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) }));
-        }
-        if (item.type === QuestionnaireItemType.boolean) {
-            const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
-            return (React.createElement(CheckboxFormSection, { key: item.linkId, title: item.text, htmlFor: item.linkId },
-                React.createElement(Checkbox, { id: item.linkId, name: item.linkId, defaultChecked: initial?.valueBoolean, onChange: (e) => setResponseItem(index, {
-                        linkId: item.linkId,
-                        text: item.text,
-                        answer: [{ valueBoolean: e.currentTarget.checked }],
-                    }) })));
-        }
-        return (React.createElement(FormSection, { key: item.linkId, htmlFor: item.linkId, title: item.text || '' },
-            React.createElement(QuestionnaireFormItem, { item: item, answers: props.answers, onChange: (newResponseItem) => setResponseItem(index, newResponseItem) })));
-    })));
-}
-function QuestionnaireFormItem(props) {
-    const item = props.item;
-    const type = item.type;
-    if (!type) {
-        return null;
-    }
-    const name = item.linkId;
-    if (!name) {
-        return null;
-    }
-    const initial = item.initial && item.initial.length > 0 ? item.initial[0] : undefined;
-    function onChangeItem(newResponseItems) {
-        props.onChange({
-            linkId: item.linkId,
-            text: item.text,
-            item: newResponseItems,
-        });
-    }
-    function onChangeAnswer(newResponseAnswer) {
-        props.onChange({
-            linkId: item.linkId,
-            text: item.text,
-            answer: [newResponseAnswer],
-        });
-    }
-    switch (type) {
-        case QuestionnaireItemType.group:
-            return (React.createElement("div", null,
-                React.createElement("h3", null, item.text),
-                item.item && (React.createElement(QuestionnaireFormItemArray, { items: item.item, answers: props.answers, onChange: onChangeItem }))));
-        case QuestionnaireItemType.boolean:
-            return (React.createElement(Checkbox, { id: name, name: name, defaultChecked: initial?.valueBoolean, onChange: (e) => onChangeAnswer({ valueBoolean: e.currentTarget.checked }) }));
-        case QuestionnaireItemType.decimal:
-            return (React.createElement(TextInput, { type: "number", step: "any", id: name, name: name, defaultValue: initial?.valueDecimal, onChange: (e) => onChangeAnswer({ valueDecimal: e.currentTarget.valueAsNumber }) }));
-        case QuestionnaireItemType.integer:
-            return (React.createElement(TextInput, { type: "number", step: 1, id: name, name: name, defaultValue: initial?.valueInteger, onChange: (e) => onChangeAnswer({ valueInteger: e.currentTarget.valueAsNumber }) }));
-        case QuestionnaireItemType.date:
-            return (React.createElement(TextInput, { type: "date", id: name, name: name, defaultValue: initial?.valueDate, onChange: (e) => onChangeAnswer({ valueDate: e.currentTarget.value }) }));
-        case QuestionnaireItemType.dateTime:
-            return (React.createElement(DateTimeInput, { name: name, defaultValue: initial?.valueDateTime, onChange: (newValue) => onChangeAnswer({ valueDateTime: newValue }) }));
-        case QuestionnaireItemType.time:
-            return (React.createElement(TextInput, { type: "time", id: name, name: name, defaultValue: initial?.valueTime, onChange: (e) => onChangeAnswer({ valueTime: e.currentTarget.value }) }));
-        case QuestionnaireItemType.string:
-        case QuestionnaireItemType.url:
-            return (React.createElement(TextInput, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
-        case QuestionnaireItemType.text:
-            return (React.createElement(Textarea, { id: name, name: name, defaultValue: initial?.valueString, onChange: (e) => onChangeAnswer({ valueString: e.currentTarget.value }) }));
-        case QuestionnaireItemType.attachment:
-            return (React.createElement(AttachmentInput, { name: name, defaultValue: initial?.valueAttachment, onChange: (newValue) => onChangeAnswer({ valueAttachment: newValue }) }));
-        case QuestionnaireItemType.reference:
-            return (React.createElement(ReferenceInput, { name: name, defaultValue: initial?.valueReference, onChange: (newValue) => onChangeAnswer({ valueReference: newValue }) }));
-        case QuestionnaireItemType.quantity:
-            return (React.createElement(QuantityInput, { name: name, defaultValue: initial?.valueQuantity, onChange: (newValue) => onChangeAnswer({ valueQuantity: newValue }), disableWheel: true }));
-        case QuestionnaireItemType.choice:
-        case QuestionnaireItemType.openChoice:
-            if (isDropDownChoice(item)) {
-                return (React.createElement(QuestionnaireChoiceDropDownInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
-            }
-            else {
-                return (React.createElement(QuestionnaireChoiceRadioInput, { name: name, item: item, initial: initial, onChangeAnswer: onChangeAnswer }));
-            }
-        default:
-            return null;
-    }
-}
-function QuestionnaireChoiceDropDownInput(props) {
-    const { name, item, initial } = props;
-    const initialValue = getTypedPropertyValue({ type: 'QuestionnaireItemInitial', value: initial }, 'value');
-    const data = [''];
-    if (item.answerOption) {
-        for (const option of item.answerOption) {
-            const optionValue = getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
-            data.push(typedValueToString(optionValue));
-        }
-    }
-    return (React.createElement(NativeSelect, { id: name, name: name, onChange: (e) => {
-            const index = e.currentTarget.selectedIndex;
-            if (index === 0) {
-                props.onChangeAnswer({});
-                return;
-            }
-            const option = item.answerOption[index - 1];
-            const optionValue = getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
-            const propertyName = 'value' + capitalize(optionValue.type);
-            props.onChangeAnswer({ [propertyName]: optionValue.value });
-        }, defaultValue: typedValueToString(initialValue), data: data }));
-}
-function typedValueToString(typedValue) {
-    if (!typedValue) {
-        return undefined;
-    }
-    if (typedValue.type === 'CodeableConcept') {
-        return typedValue.value.coding[0].display;
-    }
-    if (typedValue.type === 'Coding') {
-        return typedValue.value.display;
-    }
-    return typedValue.value.toString();
-}
-function QuestionnaireChoiceRadioInput(props) {
-    const { name, item, initial, onChangeAnswer } = props;
-    const valueElementDefinition = globalSchema.types['QuestionnaireItemAnswerOption'].properties['value[x]'];
-    const initialValue = getTypedPropertyValue({ type: 'QuestionnaireItemInitial', value: initial }, 'value');
-    const options = [];
-    let defaultValue = undefined;
-    if (item.answerOption) {
-        for (let i = 0; i < item.answerOption.length; i++) {
-            const option = item.answerOption[i];
-            const optionName = `${name}-option-${i}`;
-            const optionValue = getTypedPropertyValue({ type: 'QuestionnaireItemAnswerOption', value: option }, 'value');
-            if (initialValue && stringify(optionValue) === stringify(initialValue)) {
-                defaultValue = optionName;
-            }
-            options.push([optionName, optionValue]);
-        }
-    }
-    return (React.createElement(Radio.Group, { name: name, defaultValue: defaultValue, onChange: (newValue) => {
-            const option = options.find((option) => option[0] === newValue);
-            if (option) {
-                const optionValue = option[1];
-                const propertyName = 'value' + capitalize(optionValue.type);
-                onChangeAnswer({ [propertyName]: optionValue.value });
-            }
-        } }, options.map(([optionName, optionValue]) => (React.createElement(Radio, { key: optionName, id: optionName, value: optionName, label: React.createElement(ResourcePropertyDisplay, { property: valueElementDefinition, propertyType: optionValue.type, value: optionValue.value }) })))));
-}
-function buildInitialResponse(questionnaire) {
-    const response = {
-        resourceType: 'QuestionnaireResponse',
-        questionnaire: getReferenceString(questionnaire),
-        item: buildInitialResponseItems(questionnaire.item),
-    };
-    return response;
-}
-function buildInitialResponseItems(items) {
-    return items?.map(buildInitialResponseItem) ?? [];
-}
-function buildInitialResponseItem(item) {
-    return {
-        linkId: item.linkId,
-        text: item.text,
-        item: buildInitialResponseItems(item.item),
-        answer: item.initial?.map(buildInitialResponseAnswer) ?? [],
-    };
-}
-function buildInitialResponseAnswer(answer) {
-    // This works because QuestionnaireItemInitial and QuestionnaireResponseItemAnswer
-    // have the same properties.
-    return { ...answer };
-}
-function isDropDownChoice(item) {
-    return !!item.extension?.some((e) => e.url === 'http://hl7.org/fhir/StructureDefinition/questionnaire-itemControl' &&
-        e.valueCodeableConcept?.coding?.[0]?.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 = getTypedPropertyValue({
-            type: 'QuestionnaireItemEnableWhen',
-            value: enableWhen,
-        }, 'answer[x]');
-        const actualAnswer = getTypedPropertyValue({
-            type: 'QuestionnaireResponseItemAnswer',
-            value: answers[enableWhen.question],
-        }, 'value[x]');
-        const match = deepEquals(expectedAnswer, actualAnswer);
-        if (enableBehavior === 'any' && match) {
-            return true;
-        }
-        if (enableBehavior === 'all' && !match) {
-            return false;
-        }
-    }
-    if (enableBehavior === 'any') {
-        return false;
-    }
-    else {
-        return true;
-    }
-}
-
-export { QuestionnaireForm, QuestionnaireFormItem, isQuestionEnabled };
-//# sourceMappingURL=QuestionnaireForm.mjs.map