@medplum/react 0.9.28 → 0.9.31

package/dist/esm/styles.css

@@ -172,6 +172,203 @@ select.medplum-select:disabled {
   box-shadow: 0 0 0 2px var(--medplum-blue-200);
 }
 
+.medplum-document {
+  margin: 20px auto 6px auto;
+  padding: 10px;
+  clear: both;
+  text-align: center;
+}
+
+.medplum-document article {
+  background-color: var(--medplum-surface);
+  max-width: 900px;
+  margin: 8px auto 16px auto;
+  padding: 15px 25px;
+  text-align: left;
+  border: 0.1px solid var(--medplum-gray-300);
+  border-radius: 8px;
+  box-shadow: 0 1px 3px 0 var(--medplum-shadow);
+}
+
+.medplum-document h1,
+.medplum-document h2,
+.medplum-document h3 {
+  margin: 12px 0;
+}
+
+.medplum-document p,
+.medplum-document li {
+  line-height: 175%;
+  margin: 8px 0;
+}
+
+@media (max-width: 700px) {
+  .medplum-document {
+    margin: 10px auto 6px auto;
+    padding: 6px;
+  }
+
+  .medplum-document article {
+    padding: 6px 12px;
+  }
+}
+
+.medplum-document img,
+.medplum-document video {
+  width: 100%;
+}
+
+.medplum-document textarea {
+  margin: 0;
+  min-height: 100px;
+  width: 100%;
+}
+
+fieldset.medplum-form-section {
+  border: 0;
+  margin: 6px 0 12px 0;
+  padding: 2px 0 8px 0;
+}
+
+fieldset.medplum-form-section > label,
+fieldset.medplum-form-section > legend {
+  display: block;
+  margin: 1px 0 3px 0;
+  line-height: 1.75;
+  font-weight: 500;
+}
+
+fieldset.medplum-form-section > p {
+  margin: 1px 0 4px 0;
+  padding: 1px 0 4px 0;
+  line-height: 1.75;
+}
+
+.medplum-signin-buttons {
+  display: flex;
+  justify-content: space-between;
+  line-height: 32px;
+}
+
+.medplum-signin-buttons > div {
+  display: flex;
+  align-items: center;
+}
+
+.medplum-signin-buttons a {
+  font-size: 12px;
+  margin-right: 16px;
+}
+
+.medplum-signin-buttons label {
+  font-size: 12px;
+}
+
+.medplum-signin-google-container {
+  padding: 20px 0 10px 0;
+  margin: 20px 0 10px 0;
+  height: 70px;
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.medplum-signin-separator {
+  padding: 12px 0;
+  margin: 12px 0;
+  overflow: hidden;
+  text-align: center;
+  font-size: var(--medplum-font-small);
+}
+
+.medplum-signin-separator::before,
+.medplum-signin-separator::after {
+  background-color: var(--medplum-gray-400);
+  content: '';
+  display: inline-block;
+  height: 0.1px;
+  position: relative;
+  vertical-align: middle;
+  width: 50%;
+}
+
+.medplum-signin-separator::before {
+  right: 0.5em;
+  margin-left: -50%;
+}
+
+.medplum-signin-separator::after {
+  left: 0.5em;
+  margin-right: -50%;
+}
+
+.medplum-left {
+  text-align: left;
+}
+
+.medplum-center {
+  text-align: center;
+}
+
+.medplum-right {
+  text-align: right;
+}
+
+.medplum-avatar {
+  padding: 0;
+  width: 32px;
+  height: 32px;
+  min-width: 32px;
+  min-height: 32px;
+  line-height: 32px;
+  user-select: none;
+  border-radius: 50%;
+  overflow: hidden;
+  text-align: center;
+  color: var(--medplum-surface);
+  background-color: var(--medplum-gray-500);
+  font-size: 18px;
+}
+
+.medplum-avatar img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+
+.medplum-avatar.xsmall {
+  width: 20px;
+  height: 20px;
+  min-width: 20px;
+  min-height: 20px;
+  line-height: 20px;
+  font-size: 10px;
+}
+
+.medplum-avatar.small {
+  width: 24px;
+  height: 24px;
+  min-width: 24px;
+  min-height: 24px;
+  line-height: 24px;
+  font-size: 11px;
+}
+
+.medplum-avatar.large {
+  width: 56px;
+  height: 56px;
+  min-width: 56px;
+  min-height: 56px;
+  line-height: 56px;
+  font-size: 28px;
+}
+
+.medplum-avatar > a {
+  color: var(--medplum-surface);
+  text-decoration: none;
+}
+
 .medplum-autocomplete-container {
   border: 0.1px solid var(--medplum-gray-300);
   border-radius: 3px;
@@ -306,60 +503,6 @@ select.medplum-select:disabled {
   color: var(--medplum-gray-500);
 }
 
-.medplum-avatar {
-  padding: 0;
-  width: 32px;
-  height: 32px;
-  min-width: 32px;
-  min-height: 32px;
-  line-height: 32px;
-  user-select: none;
-  border-radius: 50%;
-  overflow: hidden;
-  text-align: center;
-  color: var(--medplum-surface);
-  background-color: var(--medplum-gray-500);
-  font-size: 18px;
-}
-
-.medplum-avatar img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-.medplum-avatar.xsmall {
-  width: 20px;
-  height: 20px;
-  min-width: 20px;
-  min-height: 20px;
-  line-height: 20px;
-  font-size: 10px;
-}
-
-.medplum-avatar.small {
-  width: 24px;
-  height: 24px;
-  min-width: 24px;
-  min-height: 24px;
-  line-height: 24px;
-  font-size: 11px;
-}
-
-.medplum-avatar.large {
-  width: 56px;
-  height: 56px;
-  min-width: 56px;
-  min-height: 56px;
-  line-height: 56px;
-  font-size: 28px;
-}
-
-.medplum-avatar > a {
-  color: var(--medplum-surface);
-  text-decoration: none;
-}
-
 .medplum-checkbox-form-section {
   display: flex;
   justify-content: space-between;
@@ -378,26 +521,6 @@ select.medplum-select:disabled {
   font-weight: 500;
 }
 
-fieldset.medplum-form-section {
-  border: 0;
-  margin: 6px 0 12px 0;
-  padding: 2px 0 8px 0;
-}
-
-fieldset.medplum-form-section > label,
-fieldset.medplum-form-section > legend {
-  display: block;
-  margin: 1px 0 3px 0;
-  line-height: 1.75;
-  font-weight: 500;
-}
-
-fieldset.medplum-form-section > p {
-  margin: 1px 0 4px 0;
-  padding: 1px 0 4px 0;
-  line-height: 1.75;
-}
-
 dl.medplum-description-list {
   display: grid;
   grid-template-columns: 30% 70%;
@@ -816,109 +939,6 @@ table.medplum-diff-table td {
   margin-right: 4px;
 }
 
-.medplum-document {
-  margin: 20px auto 6px auto;
-  padding: 10px;
-  clear: both;
-  text-align: center;
-}
-
-.medplum-document article {
-  background-color: var(--medplum-surface);
-  max-width: 900px;
-  margin: 8px auto 16px auto;
-  padding: 15px 25px;
-  text-align: left;
-  border: 0.1px solid var(--medplum-gray-300);
-  border-radius: 8px;
-  box-shadow: 0 1px 3px 0 var(--medplum-shadow);
-}
-
-.medplum-document h1,
-.medplum-document h2,
-.medplum-document h3 {
-  margin: 12px 0;
-}
-
-.medplum-document p,
-.medplum-document li {
-  line-height: 175%;
-  margin: 8px 0 16px 0;
-}
-
-@media (max-width: 700px) {
-  .medplum-document {
-    margin: 10px auto 6px auto;
-    padding: 6px;
-  }
-
-  .medplum-document article {
-    padding: 6px 12px;
-  }
-}
-
-.medplum-document img,
-.medplum-document video {
-  width: 100%;
-}
-
-.medplum-document textarea {
-  margin: 0;
-  min-height: 100px;
-  width: 100%;
-}
-
-.medplum-filter-editor {
-  text-align: left;
-  width: 900px;
-  max-width: 900px;
-}
-
-.medplum-filter-editor-table {
-  width: 100%;
-  border-collapse: collapse;
-}
-
-.medplum-menu-separator {
-  border-top: 0.1px solid var(--medplum-gray-400);
-  margin: 4px 0;
-  padding: 0;
-}
-
-.medplum-submenu-arrow {
-  color: var(--medplum-foreground);
-  left: auto;
-  padding-right: 6px;
-  position: absolute;
-  right: 0;
-  text-align: right;
-  user-select: none;
-}
-
-.medplum-title-bar {
-  display: flex;
-  width: 100%;
-  height: 50px;
-  padding: 15px;
-  justify-content: space-between;
-  background: var(--medplum-surface);
-  border-bottom: 2px solid var(--medplum-gray-200);
-  color: var(--medplum-gray-800);
-}
-
-.medplum-title-bar > div {
-  display: flex;
-  align-items: center;
-}
-
-.medplum-title-bar h1 {
-  font-size: 14px;
-  font-weight: bold;
-  padding: 0 4px 0 1px;
-  margin: 0 4px 0 1px;
-  color: var(--medplum-gray-800);
-}
-
 .medplum-search-control {
   max-width: 100%;
   overflow: auto;
@@ -1038,6 +1058,57 @@ table.medplum-diff-table td {
   outline: 0;
 }
 
+.medplum-filter-editor {
+  text-align: left;
+  width: 900px;
+  max-width: 900px;
+}
+
+.medplum-filter-editor-table {
+  width: 100%;
+  border-collapse: collapse;
+}
+
+.medplum-menu-separator {
+  border-top: 0.1px solid var(--medplum-gray-400);
+  margin: 4px 0;
+  padding: 0;
+}
+
+.medplum-submenu-arrow {
+  color: var(--medplum-foreground);
+  left: auto;
+  padding-right: 6px;
+  position: absolute;
+  right: 0;
+  text-align: right;
+  user-select: none;
+}
+
+.medplum-title-bar {
+  display: flex;
+  width: 100%;
+  height: 50px;
+  padding: 15px;
+  justify-content: space-between;
+  background: var(--medplum-surface);
+  border-bottom: 2px solid var(--medplum-gray-200);
+  color: var(--medplum-gray-800);
+}
+
+.medplum-title-bar > div {
+  display: flex;
+  align-items: center;
+}
+
+.medplum-title-bar h1 {
+  font-size: 14px;
+  font-weight: bold;
+  padding: 0 4px 0 1px;
+  margin: 0 4px 0 1px;
+  color: var(--medplum-gray-800);
+}
+
 .medplum-footer {
   text-align: center;
   font-size: 12px;
@@ -1374,76 +1445,6 @@ div.medplum-nav-menu-container {
   color: var(--medplum-blue-500);
 }
 
-.medplum-signin-buttons {
-  display: flex;
-  justify-content: space-between;
-  line-height: 32px;
-}
-
-.medplum-signin-buttons > div {
-  display: flex;
-  align-items: center;
-}
-
-.medplum-signin-buttons a {
-  font-size: 12px;
-  margin-right: 16px;
-}
-
-.medplum-signin-buttons label {
-  font-size: 12px;
-}
-
-.medplum-signin-google-container {
-  padding: 20px 0 10px 0;
-  margin: 20px 0 10px 0;
-  text-align: center;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.medplum-signin-separator {
-  padding: 12px 0;
-  margin: 12px 0;
-  overflow: hidden;
-  text-align: center;
-  font-size: var(--medplum-font-small);
-}
-
-.medplum-signin-separator::before,
-.medplum-signin-separator::after {
-  background-color: var(--medplum-gray-400);
-  content: '';
-  display: inline-block;
-  height: 0.1px;
-  position: relative;
-  vertical-align: middle;
-  width: 50%;
-}
-
-.medplum-signin-separator::before {
-  right: 0.5em;
-  margin-left: -50%;
-}
-
-.medplum-signin-separator::after {
-  left: 0.5em;
-  margin-right: -50%;
-}
-
-.medplum-left {
-  text-align: left;
-}
-
-.medplum-center {
-  text-align: center;
-}
-
-.medplum-right {
-  text-align: right;
-}
-
 .medplum-status {
   padding: 1px 6px;
   font-size: 80%;

package/dist/esm/utils/recaptcha.js

@@ -1,3 +1,4 @@
+import { __awaiter } from '../node_modules/tslib/tslib.es6.js';
 import { createScriptTag } from '../utils.js';
 
 /**
@@ -16,10 +17,15 @@ function initRecaptcha(siteKey) {
  * @returns Promise to a recaptcha token for the current user.
  */
 function getRecaptcha(siteKey) {
-    return new Promise((resolve) => {
-        grecaptcha.ready(() => {
-            grecaptcha.execute(siteKey, { action: 'submit' }).then(resolve);
-        });
+    return new Promise((resolve, reject) => {
+        grecaptcha.ready(() => __awaiter(this, void 0, void 0, function* () {
+            try {
+                resolve(yield grecaptcha.execute(siteKey, { action: 'submit' }));
+            }
+            catch (err) {
+                reject(err);
+            }
+        }));
     });
 }
 

package/dist/esm/utils/recaptcha.js.map

@@ -1 +1 @@
-{"version":3,"file":"recaptcha.js","sources":["../../../src/utils/recaptcha.ts"],"sourcesContent":["import { createScriptTag } from '../utils';\n\n/**\n * Dynamically loads the recaptcha script.\n * We do not want to load the script on page load unless the user needs it.\n * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.\n */\nexport function initRecaptcha(siteKey: string): void {\n  if (typeof grecaptcha === 'undefined') {\n    createScriptTag('https://www.google.com/recaptcha/api.js?render=' + siteKey);\n  }\n}\n\n/**\n * Starts a request to generate a recapcha token.\n * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.\n * @returns Promise to a recaptcha token for the current user.\n */\nexport function getRecaptcha(siteKey: string): Promise<string> {\n  return new Promise((resolve) => {\n    grecaptcha.ready(() => {\n      grecaptcha.execute(siteKey, { action: 'submit' }).then(resolve);\n    });\n  });\n}\n"],"names":[],"mappings":";;AAEA;;;;AAIG;AACG,SAAU,aAAa,CAAC,OAAe,EAAA;AAC3C,IAAA,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;AACrC,QAAA,eAAe,CAAC,iDAAiD,GAAG,OAAO,CAAC,CAAC;AAC9E,KAAA;AACH,CAAC;AAED;;;;AAIG;AACG,SAAU,YAAY,CAAC,OAAe,EAAA;AAC1C,IAAA,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,KAAI;AAC7B,QAAA,UAAU,CAAC,KAAK,CAAC,MAAK;AACpB,YAAA,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AAClE,SAAC,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACL;;;;"}
+{"version":3,"file":"recaptcha.js","sources":["../../../src/utils/recaptcha.ts"],"sourcesContent":["import { createScriptTag } from '../utils';\n\n/**\n * Dynamically loads the recaptcha script.\n * We do not want to load the script on page load unless the user needs it.\n * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.\n */\nexport function initRecaptcha(siteKey: string): void {\n  if (typeof grecaptcha === 'undefined') {\n    createScriptTag('https://www.google.com/recaptcha/api.js?render=' + siteKey);\n  }\n}\n\n/**\n * Starts a request to generate a recapcha token.\n * @param siteKey The reCAPTCHA site key, available from the reCAPTCHA admin page.\n * @returns Promise to a recaptcha token for the current user.\n */\nexport function getRecaptcha(siteKey: string): Promise<string> {\n  return new Promise((resolve, reject) => {\n    grecaptcha.ready(async () => {\n      try {\n        resolve(await grecaptcha.execute(siteKey, { action: 'submit' }));\n      } catch (err) {\n        reject(err);\n      }\n    });\n  });\n}\n"],"names":[],"mappings":";;;AAEA;;;;AAIG;AACG,SAAU,aAAa,CAAC,OAAe,EAAA;AAC3C,IAAA,IAAI,OAAO,UAAU,KAAK,WAAW,EAAE;AACrC,QAAA,eAAe,CAAC,iDAAiD,GAAG,OAAO,CAAC,CAAC;AAC9E,KAAA;AACH,CAAC;AAED;;;;AAIG;AACG,SAAU,YAAY,CAAC,OAAe,EAAA;IAC1C,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,KAAI;AACrC,QAAA,UAAU,CAAC,KAAK,CAAC,MAAW,SAAA,CAAA,IAAA,EAAA,KAAA,CAAA,EAAA,KAAA,CAAA,EAAA,aAAA;YAC1B,IAAI;AACF,gBAAA,OAAO,CAAC,MAAM,UAAU,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC;AAClE,aAAA;AAAC,YAAA,OAAO,GAAG,EAAE;gBACZ,MAAM,CAAC,GAAG,CAAC,CAAC;AACb,aAAA;SACF,CAAA,CAAC,CAAC;AACL,KAAC,CAAC,CAAC;AACL;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.28",
+  "version": "0.9.31",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,21 +19,21 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.28",
-    "@medplum/fhirtypes": "0.9.28",
-    "@medplum/mock": "0.9.28",
-    "@storybook/addon-actions": "6.5.9",
-    "@storybook/addon-essentials": "6.5.9",
-    "@storybook/addon-links": "6.5.9",
-    "@storybook/builder-webpack5": "6.5.9",
-    "@storybook/manager-webpack5": "6.5.9",
-    "@storybook/react": "6.5.9",
-    "@testing-library/dom": "8.16.0",
-    "@testing-library/jest-dom": "5.16.4",
+    "@medplum/core": "0.9.31",
+    "@medplum/fhirtypes": "0.9.31",
+    "@medplum/mock": "0.9.31",
+    "@storybook/addon-actions": "6.5.10",
+    "@storybook/addon-essentials": "6.5.10",
+    "@storybook/addon-links": "6.5.10",
+    "@storybook/builder-webpack5": "6.5.10",
+    "@storybook/manager-webpack5": "6.5.10",
+    "@storybook/react": "6.5.10",
+    "@testing-library/dom": "8.17.1",
+    "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.3.0",
     "@types/jest": "28.1.6",
-    "@types/node": "18.0.6",
-    "@types/react": "18.0.15",
+    "@types/node": "18.7.1",
+    "@types/react": "18.0.17",
     "@types/react-dom": "18.0.6",
     "@types/react-router-dom": "5.3.3",
     "dotenv-webpack": "8.0.0",
@@ -48,7 +48,7 @@
     "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.28",
+    "@medplum/core": "0.9.31",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"
@@ -70,9 +70,7 @@
     }
   },
   "types": "dist/esm/index.d.ts",
-  "sideEffects": [
-    "*.css"
-  ],
+  "sideEffects": false,
   "keywords": [
     "medplum",
     "fhir",

package/dist/esm/RegisterForm.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import './SignInForm.css';
-import './util.css';
-export interface BaseRegisterFormProps {
-    readonly googleClientId?: string;
-    readonly recaptchaSiteKey: string;
-    readonly children?: React.ReactNode;
-    readonly onSuccess: () => void;
-}
-export interface PatientRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'patient';
-    readonly projectId: string;
-}
-export interface ProjectRegisterFormProps extends BaseRegisterFormProps {
-    readonly type: 'project';
-}
-export declare type RegisterFormProps = PatientRegisterFormProps | ProjectRegisterFormProps;
-export declare function RegisterForm(props: RegisterFormProps): JSX.Element;