Ottehr Kura 0.11 release

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ottehr",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "private": true,
   "scripts": {
     "test": "pnpm recursive run test",
@@ -115,6 +115,7 @@
     "@types/node-fetch": "^2.6.2",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
+    "@types/react-window": "1.8.8",
     "@typescript-eslint/eslint-plugin": "^7.1.1",
     "@typescript-eslint/parser": "^7.1.1",
     "@vitest/coverage-v8": "^0.34.6",
@@ -140,6 +141,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-scripts": "^5.0.1",
+    "react-window": "1.8.10",
     "serverless": "^3.26.0",
     "serverless-esbuild": "^1.45.1",
     "serverless-offline": "^12.0.3",

packages/ehr-utils/lib/types/appointment.types.ts

@@ -6,6 +6,7 @@ export enum ApptStatus {
   'on-video' = 'on-video',
   'unsigned' = 'unsigned',
   'complete' = 'complete',
+  'cancelled' = 'cancelled',
 }
 
 export type TelemedCallStatuses = `${ApptStatus}`;

packages/ehr-utils/lib/types/constants.ts

@@ -7,3 +7,5 @@ export const PRACTITIONER_QUALIFICATION_EXTENSION_URL =
 export const PRACTITIONER_QUALIFICATION_CODE_SYSTEM = 'http://terminology.hl7.org/CodeSystem/v2-0360|2.7';
 
 export const PRACTITIONER_QUALIFICATION_STATE_SYSTEM = 'http://hl7.org/fhir/us/core/ValueSet/us-core-usps-state';
+
+export const INTERPRETER_PHONE_NUMBER = '(123) 456-7890';

packages/ehr-utils/lib/types/data/urgent-care/appointment.types.ts

@@ -47,7 +47,6 @@ export type VisitStatus = VISIT_STATUS_LABEL_TYPE[number];
 
 export const getStatusLabelForAppointmentAndEncounter = (appointment: Appointment): VisitStatus => {
   const statusToMap = getStatusFromExtension(appointment);
-  console.log('statusToMap', statusToMap);
   if (statusToMap == undefined) {
     console.log(
       `Unable to derive Visit status from ${
@@ -98,7 +97,6 @@ type AppOrEncounter = Appointment | Encounter;
 export const getVisitStatusHistory = <T extends AppOrEncounter>(resource: T): VisitStatusHistoryEntry[] => {
   const extensions = (resource.extension ?? []).find((ext) => ext.url === visitStatusExtensionUrl)?.extension ?? [];
   const history = extensions.map((ext) => {
-    console.log(2, ext);
     const reduced: VisitStatusHistoryEntry = (ext.extension ?? []).reduce(
       (accum, currentExt) => {
         if (currentExt.url === 'status') {

packages/ehr-utils/lib/types/messaging.types.ts

@@ -1,4 +1,4 @@
-import { Appointment, Coding } from 'fhir/r4';
+import { Appointment, Coding, Communication, RelatedPerson } from 'fhir/r4';
 
 export const OTTEHR_PATIENT_MESSAGE_SYSTEM = 'ottehr-patient-message-status';
 export const OTTEHR_PATIENT_MESSAGE_CODE = 'read-by-ottehr';
@@ -17,6 +17,11 @@ export interface ConversationMessage {
   isFromPatient: boolean;
 }
 
+export type RelatedPersonMaps = {
+  rpsToPatientIdMap: Record<string, RelatedPerson[]>;
+  commsToRpRefMap: Record<string, Communication[]>;
+};
+
 export interface SMSRecipient {
   relatedPersonId: string;
   smsNumber: string;

packages/ehr-utils/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ehr-utils",
   "private": true,
-  "version": "0.10.0",
+  "version": "0.11.0",
   "main": "lib/main.ts",
   "types": "lib/main.ts",
   "scripts": {

packages/ottehr-components/lib/components/PageForm.tsx

@@ -1,7 +1,7 @@
 import { yupResolver } from '@hookform/resolvers/yup';
 import { Grid } from '@mui/material';
 import { DateTime } from 'luxon';
-import React, { ReactElement, memo, useMemo } from 'react';
+import React, { ReactElement, memo, useMemo, useRef } from 'react';
 import { FieldValues, FormProvider, SubmitHandler, useForm } from 'react-hook-form';
 import {
   DATE_ERROR_MESSAGE,
@@ -16,6 +16,7 @@ import * as Yup from 'yup';
 import { checkEnable, filterFormInputFields } from '../helpers';
 import { ControlButtonsProps, FormInputType, FormInputTypeField, FormInputTypeGroup, OverrideValues } from '../types';
 import { ControlButtons } from './form';
+import { PageFormContext } from '../contexts';
 
 interface PageFormProps {
   formElements?: FormInputType[];
@@ -257,19 +258,23 @@ const PageForm: React.FC<PageFormProps> = memo(
       };
     };
 
+    const formRef = useRef<HTMLFormElement | null>(null);
+
     return (
-      <FormProvider {...methods}>
-        <form onSubmit={createSubmitHandler()} style={{ width: '100%' }}>
-          {formElements && (
-            <Grid container spacing={1}>
-              {filterFormInputFields(formElements, values, methods, overrideValues)}
-            </Grid>
-          )}
-          <div id="page-form-inner-form" />
-          {bottomComponent}
-          {!hideControls && <ControlButtons {...controlButtons} />}
-        </form>
-      </FormProvider>
+      <PageFormContext.Provider value={{ formRef }}>
+        <FormProvider {...methods}>
+          <form onSubmit={createSubmitHandler()} style={{ width: '100%' }}>
+            {formElements && (
+              <Grid container spacing={1}>
+                {filterFormInputFields(formElements, values, methods, overrideValues)}
+              </Grid>
+            )}
+            <div id="page-form-inner-form" />
+            {bottomComponent}
+            {!hideControls && <ControlButtons {...controlButtons} />}
+          </form>
+        </FormProvider>
+      </PageFormContext.Provider>
     );
   },
 );

packages/ottehr-components/lib/components/form/CoalescedDateInput.tsx

@@ -1,6 +1,5 @@
 import { useContext, useEffect, useMemo, useState } from 'react';
 import { Select, MenuItem, InputLabel, FormControl, Box } from '@mui/material';
-import { useTranslation } from 'react-i18next';
 import { months } from 'ottehr-utils';
 import { DateTime } from 'luxon';
 import { BoldPurpleInputLabel } from './BoldPurpleInputLabel';
@@ -37,7 +36,6 @@ const CoalescedDateInput = ({
   const [selectedMonth, setSelectedMonth] = useState<string>('');
   const [selectedDay, setSelectedDay] = useState<string>('');
   const [selectedYear, setSelectedYear] = useState<string>('');
-  const { t } = useTranslation();
 
   useEffect(() => {
     if (currentValue === '') {
@@ -53,9 +51,8 @@ const CoalescedDateInput = ({
   }, [currentValue, defaultValue, readOnlyValue]);
 
   const currentDate = new Date();
-  const maximumAge = t('general.maximumAge') as unknown as number;
   const currentYear = currentDate.getFullYear();
-  const startYear = currentYear - maximumAge + 1;
+  const startYear = 1900;
 
   const days = Array.from({ length: 31 }, (_, index) => {
     const day: number = index + 1;

packages/ottehr-components/lib/components/form/FormList.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { FormInputTypeField } from '../../types';
 import { FieldValues } from 'react-hook-form';
-import { Box, Card, Grid, IconButton, Typography, useTheme } from '@mui/material';
+import { Box, Card, Grid, IconButton, Typography } from '@mui/material';
 import { deleteIcon } from '../../assets';
 import { createPortal } from 'react-dom';
 import PageForm from '../PageForm';
@@ -11,7 +11,6 @@ export const FormList: React.FC<{ formInput: FormInputTypeField; values: FieldVa
   const { formInput, values, methods } = props;
 
   const [innerForm, setInnerForm] = useState<HTMLElement | null>();
-  const theme = useTheme();
 
   useEffect(() => {
     setInnerForm(document.getElementById('page-form-inner-form'));
@@ -34,8 +33,6 @@ export const FormList: React.FC<{ formInput: FormInputTypeField; values: FieldVa
 
   const fieldValue = methods.watch()[formInput.name];
 
-  const error = methods?.formState.errors[formInput.name];
-
   return (
     <Grid>
       {getFormInputField(
@@ -78,7 +75,6 @@ export const FormList: React.FC<{ formInput: FormInputTypeField; values: FieldVa
               }}
             >
               <PageForm formElements={formInput.item} onSubmit={onAdd} hideControls innerForm />
-              {error && <Typography color={theme.palette.error.main}>{error.message}</Typography>}
             </Card>,
             innerForm,
           )}