@medplum/react 0.9.24 → 0.9.27

package/dist/esm/ResourceArrayDisplay.js.map

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

package/dist/esm/ResourceArrayInput.js

@@ -0,0 +1,48 @@
+import React, { useState, useRef } from 'react';
+import { Button } from './Button.js';
+import { ResourcePropertyInput } from './ResourcePropertyInput.js';
+import { killEvent } from './utils/dom.js';
+
+function ResourceArrayInput(props) {
+    var _a;
+    const [values, setValues] = useState((_a = props.defaultValue) !== null && _a !== void 0 ? _a : []);
+    const valuesRef = useRef();
+    valuesRef.current = values;
+    function setValuesWrapper(newValues) {
+        setValues(newValues);
+        if (props.onChange) {
+            props.onChange(newValues);
+        }
+    }
+    return (React.createElement("table", { style: { width: '100%', borderCollapse: 'collapse' } },
+        React.createElement("colgroup", null,
+            React.createElement("col", { width: "90%" }),
+            React.createElement("col", { width: "10%" })),
+        React.createElement("tbody", null,
+            values.map((v, index) => (React.createElement("tr", { key: `${index}-${values.length}` },
+                React.createElement("td", null,
+                    React.createElement(ResourcePropertyInput, { arrayElement: true, property: props.property, name: props.name + '.' + index, defaultValue: v, onChange: (newValue) => {
+                            const copy = [...valuesRef.current];
+                            copy[index] = newValue;
+                            setValuesWrapper(copy);
+                        } })),
+                React.createElement("td", { style: { textAlign: 'right' } },
+                    React.createElement(Button, { onClick: (e) => {
+                            killEvent(e);
+                            const copy = [...valuesRef.current];
+                            copy.splice(index, 1);
+                            setValuesWrapper(copy);
+                        } }, "Remove"))))),
+            React.createElement("tr", null,
+                React.createElement("td", null),
+                React.createElement("td", { style: { textAlign: 'right' } },
+                    React.createElement(Button, { onClick: (e) => {
+                            killEvent(e);
+                            const copy = [...valuesRef.current];
+                            copy.push(undefined);
+                            setValuesWrapper(copy);
+                        } }, "Add"))))));
+}
+
+export { ResourceArrayInput };
+//# sourceMappingURL=ResourceArrayInput.js.map

package/dist/esm/ResourceArrayInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceArrayInput.js","sources":["../../src/ResourceArrayInput.tsx"],"sourcesContent":["import { ElementDefinition } from '@medplum/fhirtypes';\nimport React, { useRef, useState } from 'react';\nimport { Button } from './Button';\nimport { ResourcePropertyInput } from './ResourcePropertyInput';\nimport { killEvent } from './utils/dom';\n\ninterface ResourceArrayInputProps {\n  property: ElementDefinition;\n  name: string;\n  defaultValue?: any[];\n  arrayElement?: boolean;\n  onChange?: (value: any[]) => void;\n}\n\nexport function ResourceArrayInput(props: ResourceArrayInputProps): JSX.Element {\n  const [values, setValues] = useState(props.defaultValue ?? []);\n\n  const valuesRef = useRef<any[]>();\n  valuesRef.current = values;\n\n  function setValuesWrapper(newValues: any[]): void {\n    setValues(newValues);\n    if (props.onChange) {\n      props.onChange(newValues);\n    }\n  }\n\n  return (\n    <table style={{ width: '100%', borderCollapse: 'collapse' }}>\n      <colgroup>\n        <col width=\"90%\" />\n        <col width=\"10%\" />\n      </colgroup>\n      <tbody>\n        {values.map((v, index) => (\n          <tr key={`${index}-${values.length}`}>\n            <td>\n              <ResourcePropertyInput\n                arrayElement={true}\n                property={props.property}\n                name={props.name + '.' + index}\n                defaultValue={v}\n                onChange={(newValue: any) => {\n                  const copy = [...(valuesRef.current as any[])];\n                  copy[index] = newValue;\n                  setValuesWrapper(copy);\n                }}\n              />\n            </td>\n            <td style={{ textAlign: 'right' }}>\n              <Button\n                onClick={(e) => {\n                  killEvent(e);\n                  const copy = [...(valuesRef.current as any[])];\n                  copy.splice(index, 1);\n                  setValuesWrapper(copy);\n                }}\n              >\n                Remove\n              </Button>\n            </td>\n          </tr>\n        ))}\n        <tr>\n          <td></td>\n          <td style={{ textAlign: 'right' }}>\n            <Button\n              onClick={(e) => {\n                killEvent(e);\n                const copy = [...(valuesRef.current as any[])];\n                copy.push(undefined);\n                setValuesWrapper(copy);\n              }}\n            >\n              Add\n            </Button>\n          </td>\n        </tr>\n      </tbody>\n    </table>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceBadge.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Avatar } from './Avatar.js';
+import { ResourceName } from './ResourceName.js';
+
+function ResourceBadge(props) {
+    var _a;
+    return (React.createElement("div", { className: "medplum-resource-badge" },
+        React.createElement(Avatar, { size: (_a = props.size) !== null && _a !== void 0 ? _a : 'small', value: props.value, link: props.link }),
+        React.createElement(ResourceName, { value: props.value, link: props.link })));
+}
+
+export { ResourceBadge };
+//# sourceMappingURL=ResourceBadge.js.map

package/dist/esm/ResourceBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceBadge.js","sources":["../../src/ResourceBadge.tsx"],"sourcesContent":["import { Reference, Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Avatar } from './Avatar';\nimport { ResourceName } from './ResourceName';\nimport './ResourceBadge.css';\n\nexport interface ResourceBadgeProps {\n  value?: Reference | Resource;\n  size?: 'xsmall' | 'small' | 'medium' | 'large';\n  link?: boolean;\n}\n\nexport function ResourceBadge(props: ResourceBadgeProps): JSX.Element {\n  return (\n    <div className=\"medplum-resource-badge\">\n      <Avatar size={props.size ?? 'small'} value={props.value} link={props.link} />\n      <ResourceName value={props.value} link={props.link} />\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAYM,SAAU,aAAa,CAAC,KAAyB,EAAA;;AACrD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,wBAAwB,EAAA;QACrC,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,IAAI,EAAE,MAAA,KAAK,CAAC,IAAI,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,EAAA,GAAI,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA;AAC7E,QAAA,KAAA,CAAA,aAAA,CAAC,YAAY,EAAC,EAAA,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAI,CAAA,CAClD,EACN;AACJ;;;;"}

package/dist/esm/ResourceBlame.js

@@ -0,0 +1,65 @@
+import React, { useState, useEffect } from 'react';
+import { InputRow } from './InputRow.js';
+import { MedplumLink } from './MedplumLink.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceBadge } from './ResourceBadge.js';
+import { blame } from './utils/blame.js';
+
+function ResourceBlame(props) {
+    var _a, _b;
+    const medplum = useMedplum();
+    const [value, setValue] = useState(props.history);
+    useEffect(() => {
+        if (!props.history && props.resourceType && props.id) {
+            medplum.readHistory(props.resourceType, props.id).then((result) => setValue(result));
+        }
+    }, [medplum, props.history, props.resourceType, props.id]);
+    if (!value) {
+        return React.createElement("div", null, "Loading...");
+    }
+    const resource = (_b = (_a = value.entry) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.resource;
+    const table = blame(value);
+    return (React.createElement("div", { className: "medplum-blame-container" },
+        React.createElement("table", { className: "medplum-blame" },
+            React.createElement("tbody", null, table.map((row, index) => (React.createElement("tr", { key: 'row-' + index, className: row.span > 0 ? 'start-row' : 'normal-row' },
+                row.span > 0 && (React.createElement("td", { className: "details", rowSpan: row.span },
+                    React.createElement(InputRow, { justifyContent: "space-between" },
+                        React.createElement(ResourceBadge, { value: row.meta.author, size: "xsmall", link: true }),
+                        React.createElement(MedplumLink, { to: getVersionUrl(resource, row.meta.versionId) }, getTimeString(row.meta.lastUpdated))))),
+                React.createElement("td", { className: "line-number" }, index + 1),
+                React.createElement("td", { className: "line" },
+                    React.createElement("pre", { className: "line-pre" }, row.value)))))))));
+}
+function getVersionUrl(resource, versionId) {
+    return `/${resource.resourceType}/${resource.id}/_history/${versionId}`;
+}
+function getTimeString(lastUpdated) {
+    const seconds = Math.floor((Date.now() - Date.parse(lastUpdated)) / 1000);
+    const years = Math.floor(seconds / 31536000);
+    if (years > 0) {
+        return pluralizeTime(years, 'year');
+    }
+    const months = Math.floor(seconds / 2592000);
+    if (months > 0) {
+        return pluralizeTime(months, 'month');
+    }
+    const days = Math.floor(seconds / 86400);
+    if (days > 0) {
+        return pluralizeTime(days, 'day');
+    }
+    const hours = Math.floor(seconds / 3600);
+    if (hours > 0) {
+        return pluralizeTime(hours, 'hour');
+    }
+    const minutes = Math.floor(seconds / 60);
+    if (minutes > 0) {
+        return pluralizeTime(minutes, 'minute');
+    }
+    return pluralizeTime(seconds, 'second');
+}
+function pluralizeTime(count, noun) {
+    return `${count} ${count === 1 ? noun : noun + 's'} ago`;
+}
+
+export { ResourceBlame, getTimeString };
+//# sourceMappingURL=ResourceBlame.js.map

package/dist/esm/ResourceBlame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceBlame.js","sources":["../../src/ResourceBlame.tsx"],"sourcesContent":["import { Bundle, Resource, ResourceType } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { InputRow } from './InputRow';\nimport { MedplumLink } from './MedplumLink';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceBadge } from './ResourceBadge';\nimport { blame } from './utils/blame';\nimport './ResourceBlame.css';\n\nexport interface ResourceBlameProps {\n  history?: Bundle;\n  resourceType?: ResourceType;\n  id?: string;\n}\n\nexport function ResourceBlame(props: ResourceBlameProps): JSX.Element {\n  const medplum = useMedplum();\n  const [value, setValue] = useState<Bundle | undefined>(props.history);\n\n  useEffect(() => {\n    if (!props.history && props.resourceType && props.id) {\n      medplum.readHistory(props.resourceType, props.id).then((result) => setValue(result));\n    }\n  }, [medplum, props.history, props.resourceType, props.id]);\n\n  if (!value) {\n    return <div>Loading...</div>;\n  }\n\n  const resource = value.entry?.[0]?.resource as Resource;\n  const table = blame(value);\n  return (\n    <div className=\"medplum-blame-container\">\n      <table className=\"medplum-blame\">\n        <tbody>\n          {table.map((row, index) => (\n            <tr key={'row-' + index} className={row.span > 0 ? 'start-row' : 'normal-row'}>\n              {row.span > 0 && (\n                <td className=\"details\" rowSpan={row.span}>\n                  <InputRow justifyContent=\"space-between\">\n                    <ResourceBadge value={row.meta.author} size=\"xsmall\" link={true} />\n                    <MedplumLink to={getVersionUrl(resource, row.meta.versionId as string)}>\n                      {getTimeString(row.meta.lastUpdated as string)}\n                    </MedplumLink>\n                  </InputRow>\n                </td>\n              )}\n              <td className=\"line-number\">{index + 1}</td>\n              <td className=\"line\">\n                <pre className=\"line-pre\">{row.value}</pre>\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </div>\n  );\n}\n\nfunction getVersionUrl(resource: Resource, versionId: string): string {\n  return `/${resource.resourceType}/${resource.id}/_history/${versionId}`;\n}\n\nexport function getTimeString(lastUpdated: string): string {\n  const seconds = Math.floor((Date.now() - Date.parse(lastUpdated)) / 1000);\n\n  const years = Math.floor(seconds / 31536000);\n  if (years > 0) {\n    return pluralizeTime(years, 'year');\n  }\n\n  const months = Math.floor(seconds / 2592000);\n  if (months > 0) {\n    return pluralizeTime(months, 'month');\n  }\n\n  const days = Math.floor(seconds / 86400);\n  if (days > 0) {\n    return pluralizeTime(days, 'day');\n  }\n\n  const hours = Math.floor(seconds / 3600);\n  if (hours > 0) {\n    return pluralizeTime(hours, 'hour');\n  }\n\n  const minutes = Math.floor(seconds / 60);\n  if (minutes > 0) {\n    return pluralizeTime(minutes, 'minute');\n  }\n\n  return pluralizeTime(seconds, 'second');\n}\n\nfunction pluralizeTime(count: number, noun: string): string {\n  return `${count} ${count === 1 ? noun : noun + 's'} ago`;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceDiff.js

@@ -0,0 +1,28 @@
+import { stringify } from '@medplum/core';
+import React from 'react';
+import { diff } from './utils/diff.js';
+
+function ResourceDiff(props) {
+    let originalResource = props.original;
+    let revisedResource = props.revised;
+    if (props.ignoreMeta) {
+        originalResource = Object.assign(Object.assign({}, originalResource), { meta: undefined });
+        revisedResource = Object.assign(Object.assign({}, revisedResource), { meta: undefined });
+    }
+    const original = stringify(originalResource, true).match(/[^\r\n]+/g);
+    const revised = stringify(revisedResource, true).match(/[^\r\n]+/g);
+    const deltas = diff(original, revised);
+    return (React.createElement("pre", { style: { color: 'gray' } }, deltas.map((delta, index) => (React.createElement(ChangeDiff, { key: 'delta' + index, delta: delta })))));
+}
+function ChangeDiff(props) {
+    return (React.createElement(React.Fragment, null,
+        "...",
+        React.createElement("br", null),
+        props.delta.original.lines.length > 0 && (React.createElement("div", { className: "medplum-diff-removed" }, props.delta.original.lines.join('\n'))),
+        props.delta.revised.lines.length > 0 && (React.createElement("div", { className: "medplum-diff-added" }, props.delta.revised.lines.join('\n'))),
+        "...",
+        React.createElement("br", null)));
+}
+
+export { ResourceDiff };
+//# sourceMappingURL=ResourceDiff.js.map

package/dist/esm/ResourceDiff.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDiff.js","sources":["../../src/ResourceDiff.tsx"],"sourcesContent":["import { stringify } from '@medplum/core';\nimport { Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { Delta, diff } from './utils/diff';\nimport './ResourceDiff.css';\n\nexport interface ResourceDiffProps {\n  original: Resource;\n  revised: Resource;\n  ignoreMeta?: boolean;\n}\n\nexport function ResourceDiff(props: ResourceDiffProps): JSX.Element {\n  let originalResource = props.original;\n  let revisedResource = props.revised;\n\n  if (props.ignoreMeta) {\n    originalResource = { ...originalResource, meta: undefined };\n    revisedResource = { ...revisedResource, meta: undefined };\n  }\n\n  const original = stringify(originalResource, true).match(/[^\\r\\n]+/g) as string[];\n  const revised = stringify(revisedResource, true).match(/[^\\r\\n]+/g) as string[];\n  const deltas = diff(original, revised);\n  return (\n    <pre style={{ color: 'gray' }}>\n      {deltas.map((delta, index) => (\n        <ChangeDiff key={'delta' + index} delta={delta} />\n      ))}\n    </pre>\n  );\n}\n\nfunction ChangeDiff(props: { delta: Delta }): JSX.Element {\n  return (\n    <>\n      ...\n      <br />\n      {props.delta.original.lines.length > 0 && (\n        <div className=\"medplum-diff-removed\">{props.delta.original.lines.join('\\n')}</div>\n      )}\n      {props.delta.revised.lines.length > 0 && (\n        <div className=\"medplum-diff-added\">{props.delta.revised.lines.join('\\n')}</div>\n      )}\n      ...\n      <br />\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;AAYM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,IAAI,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC;AACtC,IAAA,IAAI,eAAe,GAAG,KAAK,CAAC,OAAO,CAAC;IAEpC,IAAI,KAAK,CAAC,UAAU,EAAE;AACpB,QAAA,gBAAgB,mCAAQ,gBAAgB,CAAA,EAAA,EAAE,IAAI,EAAE,SAAS,GAAE,CAAC;AAC5D,QAAA,eAAe,mCAAQ,eAAe,CAAA,EAAA,EAAE,IAAI,EAAE,SAAS,GAAE,CAAC;AAC3D,KAAA;AAED,IAAA,MAAM,QAAQ,GAAG,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;AAClF,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;IAChF,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACvC,IAAA,QACE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,EAC1B,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,MACvB,KAAC,CAAA,aAAA,CAAA,UAAU,IAAC,GAAG,EAAE,OAAO,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,CAAI,CACnD,CAAC,CACE,EACN;AACJ,CAAC;AAED,SAAS,UAAU,CAAC,KAAuB,EAAA;AACzC,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;;QAEE,KAAM,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAAA;AACL,QAAA,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACpC,6BAAK,SAAS,EAAC,sBAAsB,EAAA,EAAE,KAAK,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAO,CACpF;AACA,QAAA,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,KACnC,6BAAK,SAAS,EAAC,oBAAoB,EAAA,EAAE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAO,CACjF;;QAED,KAAM,CAAA,aAAA,CAAA,IAAA,EAAA,IAAA,CAAA,CACL,EACH;AACJ;;;;"}

package/dist/esm/ResourceDiffTable.js

@@ -0,0 +1,58 @@
+import { toTypedValue, stringify, getPropertyDisplayName } from '@medplum/core';
+import React, { useState, useEffect } from 'react';
+import { useMedplum } from './MedplumProvider.js';
+import { getValueAndType, ResourcePropertyDisplay } from './ResourcePropertyDisplay.js';
+
+function ResourceDiffTable(props) {
+    const medplum = useMedplum();
+    const [schema, setSchema] = useState();
+    useEffect(() => {
+        medplum.requestSchema(props.original.resourceType).then(setSchema);
+    }, [medplum, props.original.resourceType]);
+    if (!schema) {
+        return null;
+    }
+    const typeSchema = schema.types[props.original.resourceType];
+    if (!typeSchema) {
+        return null;
+    }
+    return (React.createElement("table", { className: "medplum-diff-table" },
+        React.createElement("colgroup", null,
+            React.createElement("col", { style: { width: '30%' } }),
+            React.createElement("col", { style: { width: '35%' } }),
+            React.createElement("col", { style: { width: '35%' } })),
+        React.createElement("thead", null,
+            React.createElement("tr", null,
+                React.createElement("th", null, "Property"),
+                React.createElement("th", null, "Before"),
+                React.createElement("th", null, "After"))),
+        React.createElement("tbody", null, Object.entries(typeSchema.properties).map((entry) => {
+            const key = entry[0];
+            if (key === 'id' || key === 'meta') {
+                return null;
+            }
+            const property = entry[1];
+            const [originalPropertyValue, originalPropertyType] = getValueAndType(toTypedValue(props.original), key);
+            const [revisedPropertyValue, revisedPropertyType] = getValueAndType(toTypedValue(props.revised), key);
+            if (isEmpty(originalPropertyValue) && isEmpty(revisedPropertyValue)) {
+                return null;
+            }
+            if (stringify(originalPropertyValue) === stringify(revisedPropertyValue)) {
+                return null;
+            }
+            return (React.createElement("tr", { key: key },
+                React.createElement("td", null, getPropertyDisplayName(key)),
+                React.createElement("td", { className: "medplum-diff-removed" },
+                    React.createElement(ResourcePropertyDisplay, { property: property, propertyType: originalPropertyType, value: originalPropertyValue, ignoreMissingValues: true })),
+                React.createElement("td", { className: "medplum-diff-added" },
+                    React.createElement(ResourcePropertyDisplay, { property: property, propertyType: revisedPropertyType, value: revisedPropertyValue, ignoreMissingValues: true }))));
+        }))));
+}
+function isEmpty(value) {
+    return (!value ||
+        (Array.isArray(value) && value.length === 0) ||
+        (typeof value === 'object' && Object.keys(value).length === 0));
+}
+
+export { ResourceDiffTable };
+//# sourceMappingURL=ResourceDiffTable.js.map

package/dist/esm/ResourceDiffTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceDiffTable.js","sources":["../../src/ResourceDiffTable.tsx"],"sourcesContent":["import { getPropertyDisplayName, IndexedStructureDefinition, stringify, toTypedValue } from '@medplum/core';\nimport { Resource } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { useMedplum } from './MedplumProvider';\nimport { getValueAndType, ResourcePropertyDisplay } from './ResourcePropertyDisplay';\nimport './ResourceDiff.css';\nimport './ResourceDiffTable.css';\n\nexport interface ResourceDiffTableProps {\n  original: Resource;\n  revised: Resource;\n}\n\nexport function ResourceDiffTable(props: ResourceDiffTableProps): JSX.Element | null {\n  const medplum = useMedplum();\n  const [schema, setSchema] = useState<IndexedStructureDefinition | undefined>();\n\n  useEffect(() => {\n    medplum.requestSchema(props.original.resourceType).then(setSchema);\n  }, [medplum, props.original.resourceType]);\n\n  if (!schema) {\n    return null;\n  }\n\n  const typeSchema = schema.types[props.original.resourceType];\n  if (!typeSchema) {\n    return null;\n  }\n\n  return (\n    <table className=\"medplum-diff-table\">\n      <colgroup>\n        <col style={{ width: '30%' }} />\n        <col style={{ width: '35%' }} />\n        <col style={{ width: '35%' }} />\n      </colgroup>\n      <thead>\n        <tr>\n          <th>Property</th>\n          <th>Before</th>\n          <th>After</th>\n        </tr>\n      </thead>\n      <tbody>\n        {Object.entries(typeSchema.properties).map((entry) => {\n          const key = entry[0];\n          if (key === 'id' || key === 'meta') {\n            return null;\n          }\n\n          const property = entry[1];\n          const [originalPropertyValue, originalPropertyType] = getValueAndType(toTypedValue(props.original), key);\n          const [revisedPropertyValue, revisedPropertyType] = getValueAndType(toTypedValue(props.revised), key);\n          if (isEmpty(originalPropertyValue) && isEmpty(revisedPropertyValue)) {\n            return null;\n          }\n\n          if (stringify(originalPropertyValue) === stringify(revisedPropertyValue)) {\n            return null;\n          }\n\n          return (\n            <tr key={key}>\n              <td>{getPropertyDisplayName(key)}</td>\n              <td className=\"medplum-diff-removed\">\n                <ResourcePropertyDisplay\n                  property={property}\n                  propertyType={originalPropertyType}\n                  value={originalPropertyValue}\n                  ignoreMissingValues={true}\n                />\n              </td>\n              <td className=\"medplum-diff-added\">\n                <ResourcePropertyDisplay\n                  property={property}\n                  propertyType={revisedPropertyType}\n                  value={revisedPropertyValue}\n                  ignoreMissingValues={true}\n                />\n              </td>\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n}\n\nfunction isEmpty(value: unknown): boolean {\n  return (\n    !value ||\n    (Array.isArray(value) && value.length === 0) ||\n    (typeof value === 'object' && Object.keys(value).length === 0)\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceForm.js

@@ -0,0 +1,55 @@
+import { capitalize } from '@medplum/core';
+import React, { useState, useEffect } from 'react';
+import { BackboneElementInput } from './BackboneElementInput.js';
+import { Button } from './Button.js';
+import { FormSection } from './FormSection.js';
+import { Input } from './Input.js';
+import { useMedplum } from './MedplumProvider.js';
+import { useResource } from './useResource.js';
+
+function ResourceForm(props) {
+    const medplum = useMedplum();
+    const defaultValue = useResource(props.defaultValue);
+    const [schema, setSchema] = useState();
+    const [value, setValue] = useState();
+    useEffect(() => {
+        if (defaultValue) {
+            setValue(JSON.parse(JSON.stringify(defaultValue)));
+            medplum.requestSchema(defaultValue.resourceType).then(setSchema);
+        }
+    }, [medplum, defaultValue]);
+    if (!schema || !value) {
+        return React.createElement("div", null, "Loading...");
+    }
+    return (React.createElement("form", { noValidate: true, autoComplete: "off", onSubmit: (e) => {
+            e.preventDefault();
+            if (props.onSubmit) {
+                props.onSubmit(value);
+            }
+        } },
+        React.createElement(FormSection, { title: "Resource Type" },
+            React.createElement(Input, { name: "resourceType", defaultValue: value.resourceType, disabled: true })),
+        React.createElement(FormSection, { title: "ID" },
+            React.createElement(Input, { name: "id", defaultValue: value.id, disabled: true })),
+        React.createElement(BackboneElementInput, { typeName: value.resourceType, defaultValue: value, outcome: props.outcome, onChange: setValue }),
+        React.createElement(Button, { type: "submit", size: "large" }, "OK"),
+        props.onDelete && (React.createElement(Button, { type: "button", size: "large", onClick: () => {
+                props.onDelete(value);
+            } }, "Delete"))));
+}
+function setPropertyValue(obj, key, propName, elementDefinition, value) {
+    const types = elementDefinition.type;
+    if (types.length > 1) {
+        for (const type of types) {
+            const compoundKey = key.replace('[x]', capitalize(type.code));
+            if (compoundKey in obj) {
+                delete obj[compoundKey];
+            }
+        }
+    }
+    obj[propName] = value;
+    return obj;
+}
+
+export { ResourceForm, setPropertyValue };
+//# sourceMappingURL=ResourceForm.js.map

package/dist/esm/ResourceForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceForm.js","sources":["../../src/ResourceForm.tsx"],"sourcesContent":["import { capitalize, IndexedStructureDefinition } from '@medplum/core';\nimport { ElementDefinition, ElementDefinitionType, OperationOutcome, Reference, Resource } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { BackboneElementInput } from './BackboneElementInput';\nimport { Button } from './Button';\nimport { FormSection } from './FormSection';\nimport { Input } from './Input';\nimport { useMedplum } from './MedplumProvider';\nimport { useResource } from './useResource';\n\nexport interface ResourceFormProps {\n  defaultValue: Resource | Reference;\n  outcome?: OperationOutcome;\n  onSubmit: (resource: Resource) => void;\n  onDelete?: (resource: Resource) => void;\n}\n\nexport function ResourceForm(props: ResourceFormProps): JSX.Element {\n  const medplum = useMedplum();\n  const defaultValue = useResource(props.defaultValue);\n  const [schema, setSchema] = useState<IndexedStructureDefinition | undefined>();\n  const [value, setValue] = useState<Resource | undefined>();\n\n  useEffect(() => {\n    if (defaultValue) {\n      setValue(JSON.parse(JSON.stringify(defaultValue)));\n      medplum.requestSchema(defaultValue.resourceType).then(setSchema);\n    }\n  }, [medplum, defaultValue]);\n\n  if (!schema || !value) {\n    return <div>Loading...</div>;\n  }\n\n  return (\n    <form\n      noValidate\n      autoComplete=\"off\"\n      onSubmit={(e: React.FormEvent) => {\n        e.preventDefault();\n        if (props.onSubmit) {\n          props.onSubmit(value);\n        }\n      }}\n    >\n      <FormSection title=\"Resource Type\">\n        <Input name=\"resourceType\" defaultValue={value.resourceType} disabled={true} />\n      </FormSection>\n      <FormSection title=\"ID\">\n        <Input name=\"id\" defaultValue={value.id} disabled={true} />\n      </FormSection>\n      <BackboneElementInput\n        typeName={value.resourceType}\n        defaultValue={value}\n        outcome={props.outcome}\n        onChange={setValue}\n      />\n      <Button type=\"submit\" size=\"large\">\n        OK\n      </Button>\n      {props.onDelete && (\n        <Button\n          type=\"button\"\n          size=\"large\"\n          onClick={() => {\n            (props.onDelete as (resource: Resource) => void)(value);\n          }}\n        >\n          Delete\n        </Button>\n      )}\n    </form>\n  );\n}\n\nexport function setPropertyValue(\n  obj: any,\n  key: string,\n  propName: string,\n  elementDefinition: ElementDefinition,\n  value: any\n): any {\n  const types = elementDefinition.type as ElementDefinitionType[];\n  if (types.length > 1) {\n    for (const type of types) {\n      const compoundKey = key.replace('[x]', capitalize(type.code as string));\n      if (compoundKey in obj) {\n        delete obj[compoundKey];\n      }\n    }\n  }\n  obj[propName] = value;\n  return obj;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceHistoryTable.js

@@ -0,0 +1,46 @@
+import React, { useState, useEffect } from 'react';
+import { DateTimeDisplay } from './DateTimeDisplay.js';
+import { MedplumLink } from './MedplumLink.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceBadge } from './ResourceBadge.js';
+
+function ResourceHistoryTable(props) {
+    var _a;
+    const medplum = useMedplum();
+    const [value, setValue] = useState(props.history);
+    useEffect(() => {
+        if (!props.history && props.resourceType && props.id) {
+            medplum.readHistory(props.resourceType, props.id).then((result) => setValue(result));
+        }
+    }, [medplum, props.history, props.resourceType, props.id]);
+    if (!value) {
+        return React.createElement("div", null, "Loading...");
+    }
+    return (React.createElement("table", { className: "medplum-table" },
+        React.createElement("thead", null,
+            React.createElement("tr", null,
+                React.createElement("th", null, "Author"),
+                React.createElement("th", null, "Date"),
+                React.createElement("th", null, "Version"))),
+        React.createElement("tbody", null, (_a = value.entry) === null || _a === void 0 ? void 0 : _a.map((entry) => {
+            var _a, _b;
+            return (React.createElement(HistoryRow, { key: (_b = (_a = entry.resource) === null || _a === void 0 ? void 0 : _a.meta) === null || _b === void 0 ? void 0 : _b.versionId, version: entry.resource }));
+        }))));
+}
+function HistoryRow(props) {
+    var _a, _b, _c;
+    return (React.createElement("tr", null,
+        React.createElement("td", null,
+            React.createElement(ResourceBadge, { value: (_a = props.version.meta) === null || _a === void 0 ? void 0 : _a.author, link: true })),
+        React.createElement("td", null,
+            React.createElement(DateTimeDisplay, { value: (_b = props.version.meta) === null || _b === void 0 ? void 0 : _b.lastUpdated })),
+        React.createElement("td", null,
+            React.createElement(MedplumLink, { to: getVersionUrl(props.version) }, (_c = props.version.meta) === null || _c === void 0 ? void 0 : _c.versionId))));
+}
+function getVersionUrl(resource) {
+    var _a;
+    return `/${resource.resourceType}/${resource.id}/_history/${(_a = resource.meta) === null || _a === void 0 ? void 0 : _a.versionId}`;
+}
+
+export { ResourceHistoryTable };
+//# sourceMappingURL=ResourceHistoryTable.js.map

package/dist/esm/ResourceHistoryTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceHistoryTable.js","sources":["../../src/ResourceHistoryTable.tsx"],"sourcesContent":["import { Bundle, Resource, ResourceType } from '@medplum/fhirtypes';\nimport React, { useEffect, useState } from 'react';\nimport { DateTimeDisplay } from './DateTimeDisplay';\nimport { MedplumLink } from './MedplumLink';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceBadge } from './ResourceBadge';\nimport './Table.css';\n\nexport interface ResourceHistoryTableProps {\n  history?: Bundle;\n  resourceType?: string;\n  id?: string;\n}\n\nexport function ResourceHistoryTable(props: ResourceHistoryTableProps): JSX.Element {\n  const medplum = useMedplum();\n  const [value, setValue] = useState<Bundle | undefined>(props.history);\n\n  useEffect(() => {\n    if (!props.history && props.resourceType && props.id) {\n      medplum.readHistory(props.resourceType as ResourceType, props.id).then((result) => setValue(result));\n    }\n  }, [medplum, props.history, props.resourceType, props.id]);\n\n  if (!value) {\n    return <div>Loading...</div>;\n  }\n\n  return (\n    <table className=\"medplum-table\">\n      <thead>\n        <tr>\n          <th>Author</th>\n          <th>Date</th>\n          <th>Version</th>\n        </tr>\n      </thead>\n      <tbody>\n        {value.entry?.map((entry) => (\n          <HistoryRow key={entry.resource?.meta?.versionId} version={entry.resource as Resource} />\n        ))}\n      </tbody>\n    </table>\n  );\n}\n\ninterface HistoryRowProps {\n  version: Resource;\n}\n\nfunction HistoryRow(props: HistoryRowProps): JSX.Element {\n  return (\n    <tr>\n      <td>\n        <ResourceBadge value={props.version.meta?.author} link={true} />\n      </td>\n      <td>\n        <DateTimeDisplay value={props.version.meta?.lastUpdated} />\n      </td>\n      <td>\n        <MedplumLink to={getVersionUrl(props.version)}>{props.version.meta?.versionId}</MedplumLink>\n      </td>\n    </tr>\n  );\n}\n\nfunction getVersionUrl(resource: Resource): string {\n  return `/${resource.resourceType}/${resource.id}/_history/${resource.meta?.versionId}`;\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/ResourceInput.js

@@ -0,0 +1,40 @@
+import React, { useState, useRef, useEffect } from 'react';
+import { Autocomplete } from './Autocomplete.js';
+import { Avatar } from './Avatar.js';
+import { useMedplum } from './MedplumProvider.js';
+import { ResourceName } from './ResourceName.js';
+import { useResource } from './useResource.js';
+
+function ResourceInput(props) {
+    const medplum = useMedplum();
+    const defaultResource = useResource(props.defaultValue);
+    const [value, setValue] = useState();
+    const resourceTypeRef = useRef(props.resourceType);
+    resourceTypeRef.current = props.resourceType;
+    useEffect(() => {
+        setValue(defaultResource);
+    }, [defaultResource]);
+    function setValueWrapper(newValue) {
+        setValue(newValue);
+        if (props.onChange) {
+            props.onChange(newValue);
+        }
+    }
+    return (React.createElement(Autocomplete, { loadOptions: (input) => {
+            return medplum
+                .search(resourceTypeRef.current, 'name=' + encodeURIComponent(input) + '&_count=10')
+                .then((bundle) => bundle.entry.map((entry) => entry.resource));
+        }, getId: (item) => {
+            return item.id;
+        }, getIcon: (item) => React.createElement(Avatar, { value: item }), getDisplay: (item) => React.createElement(ResourceName, { value: item }), getHelpText: (item) => {
+            if (item.resourceType === 'Patient' && item.birthDate) {
+                return 'DoB: ' + item.birthDate;
+            }
+            return undefined;
+        }, name: props.name, defaultValue: value ? [value] : undefined, className: props.className, placeholder: props.placeholder, onChange: (items) => {
+            setValueWrapper(items.length > 0 ? items[0] : undefined);
+        } }));
+}
+
+export { ResourceInput };
+//# sourceMappingURL=ResourceInput.js.map

package/dist/esm/ResourceInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceInput.js","sources":["../../src/ResourceInput.tsx"],"sourcesContent":["import { Bundle, BundleEntry, Reference, Resource, ResourceType } from '@medplum/fhirtypes';\nimport React, { useEffect, useRef, useState } from 'react';\nimport { Autocomplete } from './Autocomplete';\nimport { Avatar } from './Avatar';\nimport { useMedplum } from './MedplumProvider';\nimport { ResourceName } from './ResourceName';\nimport { useResource } from './useResource';\n\nexport interface ResourceInputProps<T extends Resource = Resource> {\n  readonly resourceType: string;\n  readonly name: string;\n  readonly defaultValue?: T | Reference<T>;\n  readonly className?: string;\n  readonly placeholder?: string;\n  readonly onChange?: (value: T | undefined) => void;\n}\n\nexport function ResourceInput<T extends Resource = Resource>(props: ResourceInputProps<T>): JSX.Element {\n  const medplum = useMedplum();\n  const defaultResource = useResource(props.defaultValue);\n  const [value, setValue] = useState<T>();\n\n  const resourceTypeRef = useRef<string>(props.resourceType);\n  resourceTypeRef.current = props.resourceType;\n\n  useEffect(() => {\n    setValue(defaultResource);\n  }, [defaultResource]);\n\n  function setValueWrapper(newValue: T | undefined): void {\n    setValue(newValue);\n    if (props.onChange) {\n      props.onChange(newValue);\n    }\n  }\n\n  return (\n    <Autocomplete\n      loadOptions={(input: string): Promise<T[]> => {\n        return medplum\n          .search(resourceTypeRef.current as ResourceType, 'name=' + encodeURIComponent(input) + '&_count=10')\n          .then((bundle: Bundle) => (bundle.entry as BundleEntry[]).map((entry) => entry.resource as T));\n      }}\n      getId={(item: T) => {\n        return item.id as string;\n      }}\n      getIcon={(item: T) => <Avatar value={item} />}\n      getDisplay={(item: T) => <ResourceName value={item} />}\n      getHelpText={(item: T) => {\n        if (item.resourceType === 'Patient' && item.birthDate) {\n          return 'DoB: ' + item.birthDate;\n        }\n        return undefined;\n      }}\n      name={props.name}\n      defaultValue={value ? [value] : undefined}\n      className={props.className}\n      placeholder={props.placeholder}\n      onChange={(items: T[]) => {\n        setValueWrapper(items.length > 0 ? items[0] : undefined);\n      }}\n    />\n  );\n}\n"],"names":[],"mappings":";;;;;;;AAiBM,SAAU,aAAa,CAAgC,KAA4B,EAAA;AACvF,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,eAAe,GAAG,WAAW,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IACxD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAK,CAAC;IAExC,MAAM,eAAe,GAAG,MAAM,CAAS,KAAK,CAAC,YAAY,CAAC,CAAC;AAC3D,IAAA,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC,YAAY,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,QAAQ,CAAC,eAAe,CAAC,CAAC;AAC5B,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAEtB,SAAS,eAAe,CAAC,QAAuB,EAAA;QAC9C,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,YAAY,EAAA,EACX,WAAW,EAAE,CAAC,KAAa,KAAkB;AAC3C,YAAA,OAAO,OAAO;AACX,iBAAA,MAAM,CAAC,eAAe,CAAC,OAAuB,EAAE,OAAO,GAAG,kBAAkB,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC;iBACnG,IAAI,CAAC,CAAC,MAAc,KAAM,MAAM,CAAC,KAAuB,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,QAAa,CAAC,CAAC,CAAC;AACnG,SAAC,EACD,KAAK,EAAE,CAAC,IAAO,KAAI;YACjB,OAAO,IAAI,CAAC,EAAY,CAAC;AAC3B,SAAC,EACD,OAAO,EAAE,CAAC,IAAO,KAAK,KAAC,CAAA,aAAA,CAAA,MAAM,IAAC,KAAK,EAAE,IAAI,EAAA,CAAI,EAC7C,UAAU,EAAE,CAAC,IAAO,KAAK,KAAC,CAAA,aAAA,CAAA,YAAY,IAAC,KAAK,EAAE,IAAI,EAAA,CAAI,EACtD,WAAW,EAAE,CAAC,IAAO,KAAI;YACvB,IAAI,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,EAAE;AACrD,gBAAA,OAAO,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;AACjC,aAAA;AACD,YAAA,OAAO,SAAS,CAAC;AACnB,SAAC,EACD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,YAAY,EAAE,KAAK,GAAG,CAAC,KAAK,CAAC,GAAG,SAAS,EACzC,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,QAAQ,EAAE,CAAC,KAAU,KAAI;AACvB,YAAA,eAAe,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,CAAC;SAC1D,EAAA,CACD,EACF;AACJ;;;;"}

package/dist/esm/ResourceName.js

@@ -0,0 +1,16 @@
+import { getDisplayString } from '@medplum/core';
+import React from 'react';
+import { MedplumLink } from './MedplumLink.js';
+import { useResource } from './useResource.js';
+
+function ResourceName(props) {
+    const resource = useResource(props.value);
+    if (!resource) {
+        return null;
+    }
+    const text = getDisplayString(resource);
+    return props.link ? React.createElement(MedplumLink, { to: resource }, text) : React.createElement("span", null, text);
+}
+
+export { ResourceName };
+//# sourceMappingURL=ResourceName.js.map

package/dist/esm/ResourceName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceName.js","sources":["../../src/ResourceName.tsx"],"sourcesContent":["import { getDisplayString } from '@medplum/core';\nimport { Reference, Resource } from '@medplum/fhirtypes';\nimport React from 'react';\nimport { MedplumLink } from './MedplumLink';\nimport { useResource } from './useResource';\n\nexport interface ResourceNameProps {\n  value?: Reference | Resource;\n  link?: boolean;\n}\n\nexport function ResourceName(props: ResourceNameProps): JSX.Element | null {\n  const resource = useResource(props.value);\n  if (!resource) {\n    return null;\n  }\n\n  const text = getDisplayString(resource);\n\n  return props.link ? <MedplumLink to={resource}>{text}</MedplumLink> : <span>{text}</span>;\n}\n"],"names":[],"mappings":";;;;;AAWM,SAAU,YAAY,CAAC,KAAwB,EAAA;IACnD,MAAM,QAAQ,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1C,IAAI,CAAC,QAAQ,EAAE;AACb,QAAA,OAAO,IAAI,CAAC;AACb,KAAA;AAED,IAAA,MAAM,IAAI,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAExC,OAAO,KAAK,CAAC,IAAI,GAAG,KAAA,CAAA,aAAA,CAAC,WAAW,EAAC,EAAA,EAAE,EAAE,QAAQ,EAAA,EAAG,IAAI,CAAe,GAAG,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAO,IAAI,CAAQ,CAAC;AAC5F;;;;"}

package/dist/esm/ResourcePropertyDisplay.js

@@ -0,0 +1,107 @@
+import { buildTypeName, PropertyType, getTypedPropertyValue } from '@medplum/core';
+import React from 'react';
+import { AddressDisplay } from './AddressDisplay.js';
+import { AttachmentArrayDisplay } from './AttachmentArrayDisplay.js';
+import { AttachmentDisplay } from './AttachmentDisplay.js';
+import { BackboneElementDisplay } from './BackboneElementDisplay.js';
+import { CodeableConceptDisplay } from './CodeableConceptDisplay.js';
+import { CodingDisplay } from './CodingDisplay.js';
+import { ContactDetailDisplay } from './ContactDetailDisplay.js';
+import { ContactPointDisplay } from './ContactPointDisplay.js';
+import { DateTimeDisplay } from './DateTimeDisplay.js';
+import { HumanNameDisplay } from './HumanNameDisplay.js';
+import { IdentifierDisplay } from './IdentifierDisplay.js';
+import { PeriodDisplay } from './PeriodDisplay.js';
+import { QuantityDisplay } from './QuantityDisplay.js';
+import { RangeDisplay } from './RangeDisplay.js';
+import { RatioDisplay } from './RatioDisplay.js';
+import { ReferenceDisplay } from './ReferenceDisplay.js';
+import { ResourceArrayDisplay } from './ResourceArrayDisplay.js';
+
+function ResourcePropertyDisplay(props) {
+    var _a;
+    const { property, propertyType, value } = props;
+    if ((property === null || property === void 0 ? void 0 : property.max) === '*' && !props.arrayElement) {
+        if (propertyType === 'Attachment') {
+            return React.createElement(AttachmentArrayDisplay, { values: value, maxWidth: props.maxWidth });
+        }
+        return (React.createElement(ResourceArrayDisplay, { property: property, values: value, ignoreMissingValues: props.ignoreMissingValues, link: props.link }));
+    }
+    switch (propertyType) {
+        case PropertyType.boolean:
+            return React.createElement("div", null, value === undefined ? '' : Boolean(value).toString());
+        case PropertyType.SystemString:
+        case PropertyType.code:
+        case PropertyType.date:
+        case PropertyType.integer:
+        case PropertyType.positiveInt:
+        case PropertyType.string:
+        case PropertyType.unsignedInt:
+        case PropertyType.uri:
+        case PropertyType.url:
+            return React.createElement("div", null, value);
+        case PropertyType.canonical:
+            return React.createElement(ReferenceDisplay, { value: { reference: value }, link: props.link });
+        case PropertyType.dateTime:
+        case PropertyType.instant:
+            return React.createElement(DateTimeDisplay, { value: value });
+        case PropertyType.markdown:
+            return React.createElement("pre", null, value);
+        case PropertyType.Address:
+            return React.createElement(AddressDisplay, { value: value });
+        case PropertyType.Annotation:
+            return React.createElement("div", null, value === null || value === void 0 ? void 0 : value.text);
+        case PropertyType.Attachment:
+            return React.createElement(AttachmentDisplay, { value: value, maxWidth: props.maxWidth });
+        case PropertyType.CodeableConcept:
+            return React.createElement(CodeableConceptDisplay, { value: value });
+        case PropertyType.Coding:
+            return React.createElement(CodingDisplay, { value: value });
+        case PropertyType.ContactDetail:
+            return React.createElement(ContactDetailDisplay, { value: value });
+        case PropertyType.ContactPoint:
+            return React.createElement(ContactPointDisplay, { value: value });
+        case PropertyType.HumanName:
+            return React.createElement(HumanNameDisplay, { value: value });
+        case PropertyType.Identifier:
+            return React.createElement(IdentifierDisplay, { value: value });
+        case PropertyType.Period:
+            return React.createElement(PeriodDisplay, { value: value });
+        case PropertyType.Quantity:
+            return React.createElement(QuantityDisplay, { value: value });
+        case PropertyType.Range:
+            return React.createElement(RangeDisplay, { value: value });
+        case PropertyType.Ratio:
+            return React.createElement(RatioDisplay, { value: value });
+        case PropertyType.Reference:
+            return React.createElement(ReferenceDisplay, { value: value, link: props.link });
+        default:
+            if (!(property === null || property === void 0 ? void 0 : property.path)) {
+                throw Error(`Displaying property of type ${props.propertyType} requires element definition path`);
+            }
+            return (React.createElement(BackboneElementDisplay, { value: { type: buildTypeName((_a = property === null || property === void 0 ? void 0 : property.path) === null || _a === void 0 ? void 0 : _a.split('.')), value }, compact: true, ignoreMissingValues: props.ignoreMissingValues }));
+    }
+}
+/**
+ * Returns the value of the property and the property type.
+ * Some property definitions support multiple types.
+ * For example, "Observation.value[x]" can be "valueString", "valueInteger", "valueQuantity", etc.
+ * According to the spec, there can only be one property for a given element definition.
+ * This function returns the value and the type.
+ * @param context The base context (usually a FHIR resource).
+ * @param property The property definition.
+ * @returns The value of the property and the property type.
+ */
+function getValueAndType(context, path) {
+    const typedResult = getTypedPropertyValue(context, path);
+    if (!typedResult) {
+        return [undefined, 'undefined'];
+    }
+    if (Array.isArray(typedResult)) {
+        return [typedResult.map((e) => e.value), typedResult[0].type];
+    }
+    return [typedResult.value, typedResult.type];
+}
+
+export { ResourcePropertyDisplay, getValueAndType };
+//# sourceMappingURL=ResourcePropertyDisplay.js.map