@medplum/react 0.9.24 → 0.9.27

package/dist/esm/TitleBar.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+function TitleBar(props) {
+    return React.createElement("div", { className: "medplum-title-bar" }, props.children);
+}
+
+export { TitleBar };
+//# sourceMappingURL=TitleBar.js.map

package/dist/esm/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","sources":["../../src/TitleBar.tsx"],"sourcesContent":["import React from 'react';\nimport './TitleBar.css';\n\nexport interface TitleBarProps {\n  children?: React.ReactNode;\n}\n\nexport function TitleBar(props: TitleBarProps): JSX.Element {\n  return <div className=\"medplum-title-bar\">{props.children}</div>;\n}\n"],"names":[],"mappings":";;AAOM,SAAU,QAAQ,CAAC,KAAoB,EAAA;IAC3C,OAAO,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAC,QAAQ,CAAO,CAAC;AACnE;;;;"}

package/dist/esm/UploadButton.js

@@ -0,0 +1,55 @@
+import React, { useRef } from 'react';
+import { Button } from './Button.js';
+import { useMedplum } from './MedplumProvider.js';
+import { killEvent } from './utils/dom.js';
+
+function UploadButton(props) {
+    const medplum = useMedplum();
+    const fileInputRef = useRef(null);
+    function onFileChange(e) {
+        killEvent(e);
+        const files = e.target.files;
+        if (files) {
+            Array.from(files).forEach(processFile);
+        }
+    }
+    /**
+     * Processes a single file.
+     *
+     * @param {File} file The file descriptor.
+     */
+    function processFile(file) {
+        if (!file) {
+            return;
+        }
+        const fileName = file.name;
+        if (!fileName) {
+            return;
+        }
+        const filename = file.name;
+        const contentType = file.type || 'application/octet-stream';
+        medplum
+            .createBinary(file, filename, contentType)
+            .then((binary) => {
+            props.onUpload({
+                contentType: binary.contentType,
+                url: binary.url,
+                title: filename,
+            });
+        })
+            .catch((outcome) => {
+            var _a, _b, _c;
+            alert((_c = (_b = (_a = outcome === null || outcome === void 0 ? void 0 : outcome.issue) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.details) === null || _c === void 0 ? void 0 : _c.text);
+        });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement("input", { type: "file", "data-testid": "upload-file-input", style: { display: 'none' }, ref: fileInputRef, onChange: (e) => onFileChange(e) }),
+        React.createElement(Button, { testid: "upload-button", onClick: (e) => {
+                var _a;
+                killEvent(e);
+                (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            } }, props.children || 'Upload...')));
+}
+
+export { UploadButton };
+//# sourceMappingURL=UploadButton.js.map

package/dist/esm/UploadButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadButton.js","sources":["../../src/UploadButton.tsx"],"sourcesContent":["import { Attachment, Binary, OperationOutcome } from '@medplum/fhirtypes';\nimport React, { useRef } from 'react';\nimport { Button } from './Button';\nimport { useMedplum } from './MedplumProvider';\nimport { killEvent } from './utils/dom';\n\nexport interface UploadButtonProps {\n  onUpload: (attachment: Attachment) => void;\n  children?: React.ReactNode;\n}\n\nexport function UploadButton(props: UploadButtonProps): JSX.Element {\n  const medplum = useMedplum();\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  function onFileChange(e: React.ChangeEvent): void {\n    killEvent(e);\n    const files = (e.target as HTMLInputElement).files;\n    if (files) {\n      Array.from(files).forEach(processFile);\n    }\n  }\n\n  /**\n   * Processes a single file.\n   *\n   * @param {File} file The file descriptor.\n   */\n  function processFile(file: File): void {\n    if (!file) {\n      return;\n    }\n\n    const fileName = file.name;\n    if (!fileName) {\n      return;\n    }\n\n    const filename = file.name;\n    const contentType = file.type || 'application/octet-stream';\n    medplum\n      .createBinary(file, filename, contentType)\n      .then((binary: Binary) => {\n        props.onUpload({\n          contentType: binary.contentType,\n          url: binary.url,\n          title: filename,\n        });\n      })\n      .catch((outcome: OperationOutcome) => {\n        alert(outcome?.issue?.[0]?.details?.text);\n      });\n  }\n\n  return (\n    <>\n      <input\n        type=\"file\"\n        data-testid=\"upload-file-input\"\n        style={{ display: 'none' }}\n        ref={fileInputRef}\n        onChange={(e) => onFileChange(e)}\n      />\n      <Button\n        testid=\"upload-button\"\n        onClick={(e) => {\n          killEvent(e);\n          fileInputRef.current?.click();\n        }}\n      >\n        {props.children || 'Upload...'}\n      </Button>\n    </>\n  );\n}\n"],"names":[],"mappings":";;;;;AAWM,SAAU,YAAY,CAAC,KAAwB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;AAC7B,IAAA,MAAM,YAAY,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IAEpD,SAAS,YAAY,CAAC,CAAoB,EAAA;QACxC,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,QAAA,MAAM,KAAK,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;AACnD,QAAA,IAAI,KAAK,EAAE;YACT,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AACxC,SAAA;KACF;AAED;;;;AAIG;IACH,SAAS,WAAW,CAAC,IAAU,EAAA;QAC7B,IAAI,CAAC,IAAI,EAAE;YACT,OAAO;AACR,SAAA;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;AACR,SAAA;AAED,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC;AAC3B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,IAAI,0BAA0B,CAAC;QAC5D,OAAO;AACJ,aAAA,YAAY,CAAC,IAAI,EAAE,QAAQ,EAAE,WAAW,CAAC;AACzC,aAAA,IAAI,CAAC,CAAC,MAAc,KAAI;YACvB,KAAK,CAAC,QAAQ,CAAC;gBACb,WAAW,EAAE,MAAM,CAAC,WAAW;gBAC/B,GAAG,EAAE,MAAM,CAAC,GAAG;AACf,gBAAA,KAAK,EAAE,QAAQ;AAChB,aAAA,CAAC,CAAC;AACL,SAAC,CAAC;AACD,aAAA,KAAK,CAAC,CAAC,OAAyB,KAAI;;AACnC,YAAA,KAAK,CAAC,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,MAAA,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,OAAO,CAAE,KAAK,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAG,CAAC,CAAC,MAAA,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAE,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAI,CAAC,CAAC;AAC5C,SAAC,CAAC,CAAC;KACN;AAED,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA;AACE,QAAA,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,IAAI,EAAC,MAAM,EAAA,aAAA,EACC,mBAAmB,EAC/B,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAC1B,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,CAAC,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,EAChC,CAAA;QACF,KAAC,CAAA,aAAA,CAAA,MAAM,EACL,EAAA,MAAM,EAAC,eAAe,EACtB,OAAO,EAAE,CAAC,CAAC,KAAI;;gBACb,SAAS,CAAC,CAAC,CAAC,CAAC;AACb,gBAAA,CAAA,EAAA,GAAA,YAAY,CAAC,OAAO,MAAE,IAAA,IAAA,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,KAAK,EAAE,CAAC;aAC/B,EAAA,EAEA,KAAK,CAAC,QAAQ,IAAI,WAAW,CACvB,CACR,EACH;AACJ;;;;"}

package/dist/esm/constants.js

@@ -0,0 +1,12 @@
+const DEFAULT_IGNORED_PROPERTIES = [
+    'meta',
+    'implicitRules',
+    'language',
+    'text',
+    'contained',
+    'extension',
+    'modifierExtension',
+];
+
+export { DEFAULT_IGNORED_PROPERTIES };
+//# sourceMappingURL=constants.js.map

package/dist/esm/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const DEFAULT_IGNORED_PROPERTIES = [\n  'meta',\n  'implicitRules',\n  'language',\n  'text',\n  'contained',\n  'extension',\n  'modifierExtension',\n];\n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,GAAG;IACxC,MAAM;IACN,eAAe;IACf,UAAU;IACV,MAAM;IACN,WAAW;IACX,WAAW;IACX,mBAAmB;;;;;"}

package/dist/{types → esm}/index.d.ts

@@ -33,6 +33,7 @@ export * from './HumanNameDisplay';
 export * from './HumanNameInput';
 export * from './IdentifierInput';
 export * from './Input';
+export * from './InputRow';
 export * from './Loading';
 export * from './Logo';
 export * from './MedplumLink';