@medplum/react 0.9.19 → 0.9.22

package/dist/esm/styles.css

@@ -1511,6 +1511,64 @@ div.medplum-nav-menu-container {
   margin: 0;
 }
 
+.medplum-calendar-table {
+  width: 350px;
+}
+
+.medplum-calendar-table th {
+  font-weight: normal;
+  font-size: 11px;
+  padding: 8px;
+  text-align: center;
+}
+
+.medplum-calendar-table td {
+  padding: 2px 4px;
+}
+
+.medplum-calendar-table button {
+  width: 44px;
+  height: 44px;
+  color: #0060e6;
+  font-size: 16px;
+  font-weight: bold;
+  text-align: center;
+  padding: 0;
+  background-color: #eef5ff;
+  border: 0;
+  border-radius: 50%;
+  cursor: pointer;
+}
+
+.medplum-calendar-table button:hover {
+  background-color: #d9e9ff;
+}
+
+.medplum-calendar-table button:disabled {
+  background-color: white;
+  cursor: default;
+  color: #666;
+  font-weight: normal;
+}
+
+.medplum-calendar-container {
+  display: flex;
+  min-height: 400px;
+}
+
+.medplum-calendar-info-pane {
+  min-width: 300px;
+  padding: 20px;
+  border-right: 1px solid #ddd;
+}
+
+.medplum-calendar-selection-pane {
+  min-width: 300px;
+  padding: 20px;
+}
+
+.grecaptcha-badge { visibility: hidden; }
+
 .medplum-signin {
   max-width: 400px;
 }

package/dist/types/ContactDetailDisplay.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { ContactDetail } from '@medplum/fhirtypes';
+export interface ContactDetailDisplayProps {
+    value?: ContactDetail;
+}
+export declare function ContactDetailDisplay(props: ContactDetailDisplayProps): JSX.Element | null;

package/dist/types/ContactDetailInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ContactDetail } from '@medplum/fhirtypes';
+export interface ContactDetailInputProps {
+    name: string;
+    defaultValue?: ContactDetail;
+    onChange?: (value: ContactDetail) => void;
+}
+export declare function ContactDetailInput(props: ContactDetailInputProps): JSX.Element;

package/dist/types/ContactPointInput.d.ts

@@ -3,6 +3,6 @@ import { ContactPoint } from '@medplum/fhirtypes';
 export interface ContactPointInputProps {
     name: string;
     defaultValue?: ContactPoint;
-    onChange?: (value: ContactPoint) => void;
+    onChange?: (value: ContactPoint | undefined) => void;
 }
 export declare function ContactPointInput(props: ContactPointInputProps): JSX.Element;

package/dist/types/GoogleButton.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { LoginAuthenticationResponse } from '@medplum/core';
+import { GoogleCredentialResponse } from '@medplum/core';
 export interface GoogleButtonProps {
-    googleClientId?: string;
-    handleAuthResponse: (response: LoginAuthenticationResponse) => void;
+    readonly googleClientId?: string;
+    readonly handleGoogleCredential: (response: GoogleCredentialResponse) => void;
 }
 export declare function GoogleButton(props: GoogleButtonProps): JSX.Element | null;
 export declare function getGoogleClientId(clientId: string | undefined): string | undefined;

package/dist/types/Input.d.ts

@@ -1,11 +1,12 @@
 import { OperationOutcome } from '@medplum/fhirtypes';
-import { RefObject } from 'react';
+import React, { RefObject } from 'react';
 import './Input.css';
 export interface InputProps {
     name?: string;
     type?: string;
     size?: number;
     step?: number | 'any';
+    style?: React.CSSProperties;
     defaultValue?: string | number;
     required?: boolean;
     autoCapitalize?: string;

package/dist/types/SignInForm.d.ts

@@ -2,13 +2,16 @@ import React from 'react';
 import './SignInForm.css';
 import './util.css';
 export interface SignInFormProps {
-    scopes?: string;
-    remember?: boolean;
-    projectId?: string;
-    googleClientId?: string;
-    onSuccess?: () => void;
-    onForgotPassword?: () => void;
-    onRegister?: () => void;
-    children?: React.ReactNode;
+    readonly remember?: boolean;
+    readonly projectId?: string;
+    readonly googleClientId?: string;
+    readonly clientId?: string;
+    readonly scope?: string;
+    readonly nonce?: string;
+    readonly onSuccess?: () => void;
+    readonly onForgotPassword?: () => void;
+    readonly onRegister?: () => void;
+    readonly onCode?: (code: string) => void;
+    readonly children?: React.ReactNode;
 }
 export declare function SignInForm(props: SignInFormProps): JSX.Element;

package/dist/types/index.d.ts

@@ -12,6 +12,8 @@ export * from './CheckboxFormSection';
 export * from './CodeableConceptDisplay';
 export * from './CodeableConceptInput';
 export * from './CodeInput';
+export * from './ContactDetailDisplay';
+export * from './ContactDetailInput';
 export * from './ContactPointDisplay';
 export * from './ContactPointInput';
 export * from './DateTimeDisplay';
@@ -59,6 +61,7 @@ export * from './ResourcePropertyDisplay';
 export * from './ResourcePropertyInput';
 export * from './ResourceTable';
 export * from './ResourceTimeline';
+export * from './Scheduler';
 export * from './Scrollable';
 export * from './SearchControl';
 export * from './SearchFieldEditor';

package/dist/types/stories/QuestionnaireForm.stories.d.ts

@@ -7,3 +7,5 @@ export declare const Groups: () => JSX.Element;
 export declare const MultipleChoice: () => JSX.Element;
 export declare const KitchenSink: () => JSX.Element;
 export declare const KitchenSinkWithInitialValues: () => JSX.Element;
+export declare const USSurgeonGeneralFamilyHealthPortrait: () => JSX.Element;
+export declare const AHCHRSNScreening: () => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medplum/react",
-  "version": "0.9.19",
+  "version": "0.9.22",
   "description": "Medplum React Component Library",
   "author": "Medplum <hello@medplum.com>",
   "license": "Apache-2.0",
@@ -19,26 +19,26 @@
     "storybook": "build-storybook"
   },
   "devDependencies": {
-    "@medplum/core": "0.9.19",
-    "@medplum/fhirtypes": "0.9.19",
-    "@medplum/mock": "0.9.19",
+    "@medplum/core": "0.9.22",
+    "@medplum/fhirtypes": "0.9.22",
+    "@medplum/mock": "0.9.22",
     "@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.14.0",
+    "@testing-library/dom": "8.16.0",
     "@testing-library/jest-dom": "5.16.4",
     "@testing-library/react": "13.3.0",
-    "@types/jest": "28.1.3",
-    "@types/node": "18.0.0",
-    "@types/react": "18.0.14",
-    "@types/react-dom": "18.0.5",
+    "@types/jest": "28.1.4",
+    "@types/node": "18.0.3",
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
     "@types/react-router-dom": "5.3.3",
-    "dotenv-webpack": "7.1.1",
+    "dotenv-webpack": "8.0.0",
     "identity-obj-proxy": "3.0.0",
-    "jest": "28.1.1",
+    "jest": "28.1.2",
     "jest-each": "28.1.1",
     "html-webpack-plugin": "5.5.0",
     "react": "18.2.0",
@@ -48,7 +48,7 @@
     "typescript": "4.7.4"
   },
   "peerDependencies": {
-    "@medplum/core": "0.9.19",
+    "@medplum/core": "0.9.22",
     "react": "^17.0.2 || ^18.0.0",
     "react-dom": "^17.0.2 || ^18.0.0",
     "react-router-dom": "^6.2.2"