@openmrs/esm-ward-app 9.2.1-pre.7254 → 9.2.1-pre.7261

package/src/ward-workspace/admission-request-workspace/admission-requests-context.ts

@@ -1,20 +0,0 @@
-import { createContext, useContext } from 'react';
-import { type DefaultWorkspaceProps } from '@openmrs/esm-framework';
-
-export interface AdmissionRequestsWorkspaceContextProps extends DefaultWorkspaceProps {
-  wardPendingPatients: React.ReactNode;
-}
-
-export const AdmissionRequestsWorkspaceContext = createContext<AdmissionRequestsWorkspaceContextProps>(null);
-
-export const AdmissionRequestsWorkspaceContextProvider = AdmissionRequestsWorkspaceContext.Provider;
-
-export const useAdmissionRequestsWorkspaceContext = () => {
-  const context = useContext(AdmissionRequestsWorkspaceContext);
-  if (!context) {
-    throw new Error(
-      'useAdmissionRequestsWorkspaceContext must be used within a AdmissionRequestsWorkspaceContextProvider',
-    );
-  }
-  return context;
-};

package/src/ward-workspace/patient-clinical-forms-workspace/patient-clinical-forms.workspace.tsx

@@ -1,29 +0,0 @@
-import { ExtensionSlot } from '@openmrs/esm-framework';
-import React, { useMemo } from 'react';
-import type { WardPatientWorkspaceProps } from '../../types';
-import WardPatientWorkspaceBanner from '../patient-banner/patient-banner.component';
-
-const WardPatientClinicalFormsWorkspace: React.FC<WardPatientWorkspaceProps> = (props) => {
-  const { wardPatient, ...restWorkspaceProps } = props;
-  const patientUuid = wardPatient?.patient?.uuid;
-
-  const clinicalFormsExtensionState = useMemo(
-    () => ({
-      patientUuid,
-      clinicalFormsWorkspaceName: 'ward-patient-clinical-forms-workspace',
-      formEntryWorkspaceName: 'ward-patient-form-entry-workspace',
-      htmlFormEntryWorkspaceName: 'ward-patient-html-form-entry-workspace',
-      ...restWorkspaceProps,
-    }),
-    [patientUuid, restWorkspaceProps],
-  );
-
-  return (
-    <div>
-      <WardPatientWorkspaceBanner {...{ wardPatient }} />
-      <ExtensionSlot name="ward-patient-clinical-forms-workspace-slot" state={clinicalFormsExtensionState} />
-    </div>
-  );
-};
-
-export default WardPatientClinicalFormsWorkspace;

package/src/ward-workspace/patient-details/ward-patient-action-button.extension.tsx

@@ -1,18 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { ActionMenuButton, launchWorkspace, UserAvatarIcon } from '@openmrs/esm-framework';
-import type { WardPatientWorkspaceProps } from '../../types';
-
-export default function WardPatientActionButton() {
-  const { t } = useTranslation();
-
-  return (
-    <ActionMenuButton
-      getIcon={(props) => <UserAvatarIcon {...props} />}
-      label={t('Patient', 'patient')}
-      iconDescription={t('Patient', 'patient')}
-      handler={() => launchWorkspace<WardPatientWorkspaceProps>('ward-patient-workspace')}
-      type={'ward'}
-    />
-  );
-}

package/src/ward-workspace/ward-patient-notes/form/notes-form.component.tsx

@@ -1,186 +0,0 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { z } from 'zod';
-import { zodResolver } from '@hookform/resolvers/zod';
-import { Controller, useForm } from 'react-hook-form';
-import { Button, Column, Form, InlineLoading, InlineNotification, Row, Stack, TextArea } from '@carbon/react';
-import {
-  type DefaultWorkspaceProps,
-  type PatientUuid,
-  ResponsiveWrapper,
-  showSnackbar,
-  translateFrom,
-  useSession,
-} from '@openmrs/esm-framework';
-import { moduleName } from '../../../constant';
-import { savePatientNote } from '../notes.resource';
-import useEmrConfiguration from '../../../hooks/useEmrConfiguration';
-import styles from './notes-form.scss';
-import { type EncounterPayload } from '../../../types';
-
-type NotesFormData = z.infer<typeof noteFormSchema>;
-
-interface PatientNotesFormProps extends DefaultWorkspaceProps {
-  patientUuid: PatientUuid;
-}
-
-const noteFormSchema = z.object({
-  wardClinicalNote: z.string().refine((val) => val.trim().length > 0, {
-    //t('clinicalNoteErrorMessage','Clinical note is required')
-    message: translateFrom(moduleName, 'clinicalNoteErrorMessage', 'Clinical note is required'),
-  }),
-});
-
-const PatientNotesForm: React.FC<PatientNotesFormProps> = ({
-  closeWorkspaceWithSavedChanges,
-  patientUuid,
-  promptBeforeClosing,
-}) => {
-  const { emrConfiguration, isLoadingEmrConfiguration, errorFetchingEmrConfiguration } = useEmrConfiguration();
-  const { t } = useTranslation();
-  const session = useSession();
-
-  const [isSubmitting, setIsSubmitting] = useState(false);
-  const [rows, setRows] = useState(0);
-
-  const {
-    control,
-    handleSubmit,
-    formState: { errors, isDirty },
-  } = useForm<NotesFormData>({
-    mode: 'onSubmit',
-    resolver: zodResolver(noteFormSchema),
-    defaultValues: {
-      wardClinicalNote: '',
-    },
-  });
-
-  useEffect(() => {
-    promptBeforeClosing(() => isDirty);
-  }, [isDirty, promptBeforeClosing]);
-
-  const locationUuid = session?.sessionLocation?.uuid;
-  const providerUuid = session?.currentProvider?.uuid;
-
-  const onSubmit = useCallback(
-    (data: NotesFormData) => {
-      const { wardClinicalNote } = data;
-      setIsSubmitting(true);
-
-      const notePayload: EncounterPayload = {
-        patient: patientUuid,
-        location: locationUuid,
-        encounterType: emrConfiguration?.inpatientNoteEncounterType?.uuid,
-        encounterProviders: [
-          {
-            encounterRole: emrConfiguration?.clinicianEncounterRole?.uuid,
-            provider: providerUuid,
-          },
-        ],
-        obs: wardClinicalNote
-          ? [
-              {
-                concept: { uuid: emrConfiguration?.consultFreeTextCommentsConcept.uuid, display: '' },
-                value: wardClinicalNote,
-              },
-            ]
-          : [],
-      };
-
-      const abortController = new AbortController();
-
-      savePatientNote(notePayload, abortController)
-        .then(() => {
-          closeWorkspaceWithSavedChanges();
-          showSnackbar({
-            isLowContrast: true,
-            kind: 'success',
-            subtitle: t('patientNoteNowVisible', 'It should be now visible in the notes history'),
-            title: t('visitNoteSaved', 'Patient note saved'),
-          });
-        })
-        .catch((err) => {
-          showSnackbar({
-            isLowContrast: false,
-            kind: 'error',
-            subtitle: err?.message,
-            title: t('patientNoteSaveError', 'Error saving patient note'),
-          });
-        })
-        .finally(() => setIsSubmitting(false));
-    },
-    [
-      closeWorkspaceWithSavedChanges,
-      emrConfiguration?.clinicianEncounterRole?.uuid,
-      emrConfiguration?.consultFreeTextCommentsConcept?.uuid,
-      emrConfiguration?.inpatientNoteEncounterType?.uuid,
-      locationUuid,
-      patientUuid,
-      providerUuid,
-      t,
-    ],
-  );
-
-  const onError = (errors) => console.error(errors);
-
-  return (
-    <Form className={styles.form} onSubmit={handleSubmit(onSubmit, onError)}>
-      {errorFetchingEmrConfiguration && (
-        <div className={styles.formError}>
-          <InlineNotification
-            kind="error"
-            title={t('somePartsOfTheFormDidntLoad', "Some parts of the form didn't load")}
-            subtitle={t(
-              'fetchingEmrConfigurationFailed',
-              'Fetching EMR configuration failed. Try refreshing the page or contact your system administrator.',
-            )}
-            lowContrast
-            hideCloseButton
-          />
-        </div>
-      )}
-      <Stack className={styles.formContainer} gap={2}>
-        <Row className={styles.row}>
-          <Column sm={1}>
-            <span className={styles.columnLabel}>{t('note', 'Note')}</span>
-          </Column>
-          <Column sm={3}>
-            <Controller
-              name="wardClinicalNote"
-              control={control}
-              render={({ field: { onChange, onBlur, value } }) => (
-                <ResponsiveWrapper>
-                  <TextArea
-                    id="additionalNote"
-                    invalid={!!errors.wardClinicalNote}
-                    invalidText={errors.wardClinicalNote?.message}
-                    labelText={t('clinicalNoteLabel', 'Write your notes')}
-                    onBlur={onBlur}
-                    onChange={(event) => {
-                      onChange(event);
-                      const textAreaLineHeight = 24; // This is the default line height for Carbon's TextArea component
-                      const newRows = Math.ceil(event.target.scrollHeight / textAreaLineHeight);
-                      setRows(newRows);
-                    }}
-                    placeholder={t('wardClinicalNotePlaceholder', 'Write any notes here')}
-                    rows={rows}
-                    value={value}
-                  />
-                </ResponsiveWrapper>
-              )}
-            />
-          </Column>
-        </Row>
-      </Stack>
-      <Button
-        className={styles.saveButton}
-        disabled={isSubmitting || isLoadingEmrConfiguration || errorFetchingEmrConfiguration}
-        kind="primary"
-        type="submit">
-        {isSubmitting ? <InlineLoading description={t('saving', 'Saving...')} /> : <span>{t('save', 'Save')}</span>}
-      </Button>
-    </Form>
-  );
-};
-
-export default PatientNotesForm;

package/src/ward-workspace/ward-patient-notes/form/notes-form.test.tsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import userEvent from '@testing-library/user-event';
-import { render, screen } from '@testing-library/react';
-import { createErrorHandler, ResponsiveWrapper, showSnackbar, translateFrom, useSession } from '@openmrs/esm-framework';
-import { savePatientNote } from '../notes.resource';
-import PatientNotesForm from './notes-form.component';
-import { emrConfigurationMock, mockPatient, mockSession } from '__mocks__';
-import useEmrConfiguration from '../../../hooks/useEmrConfiguration';
-
-const testProps = {
-  patientUuid: mockPatient.uuid,
-  closeWorkspace: jest.fn(),
-  closeWorkspaceWithSavedChanges: jest.fn(),
-  promptBeforeClosing: jest.fn(),
-  setTitle: jest.fn(),
-  onWorkspaceClose: jest.fn(),
-  setOnCloseCallback: jest.fn(),
-};
-
-const mockSavePatientNote = savePatientNote as jest.Mock;
-const mockedShowSnackbar = jest.mocked(showSnackbar);
-const mockedCreateErrorHandler = jest.mocked(createErrorHandler);
-const mockedTranslateFrom = jest.mocked(translateFrom);
-const mockedResponsiveWrapper = jest.mocked(ResponsiveWrapper);
-const mockedUseSession = jest.mocked(useSession);
-
-jest.mock('../notes.resource', () => ({
-  savePatientNote: jest.fn(),
-}));
-
-jest.mock('../../../hooks/useEmrConfiguration', () => jest.fn());
-
-const mockedUseEmrConfiguration = jest.mocked(useEmrConfiguration);
-
-mockedUseEmrConfiguration.mockReturnValue({
-  emrConfiguration: emrConfigurationMock,
-  mutateEmrConfiguration: jest.fn(),
-  isLoadingEmrConfiguration: false,
-  errorFetchingEmrConfiguration: null,
-});
-
-test('renders the visit notes form with all the relevant fields and values', () => {
-  renderWardPatientNotesForm();
-
-  expect(screen.getByRole('textbox', { name: /Write your notes/i })).toBeInTheDocument();
-  expect(screen.getByRole('button', { name: /Save/i })).toBeInTheDocument();
-});
-
-test('renders a success snackbar upon successfully recording a visit note', async () => {
-  const successPayload = {
-    encounterProviders: expect.arrayContaining([
-      {
-        encounterRole: emrConfigurationMock?.clinicianEncounterRole?.uuid,
-        provider: undefined,
-      },
-    ]),
-    encounterType: emrConfigurationMock?.inpatientNoteEncounterType?.uuid,
-    location: undefined,
-    obs: expect.arrayContaining([
-      {
-        concept: { display: '', uuid: '162169AAAAAAAAAAAAAAAAAAAAAAAAAAAAAA' },
-        value: 'Sample clinical note',
-      },
-    ]),
-    patient: mockPatient.uuid,
-  };
-
-  mockSavePatientNote.mockResolvedValue({ status: 201, body: 'Condition created' });
-
-  renderWardPatientNotesForm();
-
-  const note = screen.getByRole('textbox', { name: /Write your notes/i });
-  await userEvent.clear(note);
-  await userEvent.type(note, 'Sample clinical note');
-  expect(note).toHaveValue('Sample clinical note');
-
-  const submitButton = screen.getByRole('button', { name: /Save/i });
-  await userEvent.click(submitButton);
-
-  expect(mockSavePatientNote).toHaveBeenCalledTimes(1);
-  expect(mockSavePatientNote).toHaveBeenCalledWith(expect.objectContaining(successPayload), new AbortController());
-});
-
-test('renders an error snackbar if there was a problem recording a visit note', async () => {
-  const error = {
-    message: 'Internal Server Error',
-    response: {
-      status: 500,
-      statusText: 'Internal Server Error',
-    },
-  };
-
-  mockSavePatientNote.mockRejectedValueOnce(error);
-  renderWardPatientNotesForm();
-
-  const note = screen.getByRole('textbox', { name: /Write your notes/i });
-  await userEvent.clear(note);
-  await userEvent.type(note, 'Sample clinical note');
-  expect(note).toHaveValue('Sample clinical note');
-
-  const submitButton = screen.getByRole('button', { name: /Save/i });
-
-  await userEvent.click(submitButton);
-
-  expect(mockedShowSnackbar).toHaveBeenCalledWith({
-    isLowContrast: false,
-    kind: 'error',
-    subtitle: 'Internal Server Error',
-    title: 'Error saving patient note',
-  });
-});
-
-function renderWardPatientNotesForm() {
-  mockedUseSession.mockReturnValue(mockSession);
-  render(<PatientNotesForm {...testProps} />);
-}

package/src/ward-workspace/ward-patient-notes/notes-action-button.extension.tsx

@@ -1,18 +0,0 @@
-import { ActionMenuButton, launchWorkspace, StickyNoteAddIcon } from '@openmrs/esm-framework';
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { type WardPatientWorkspaceProps } from '../../types';
-
-export default function WardPatientNotesActionButton() {
-  const { t } = useTranslation();
-
-  return (
-    <ActionMenuButton
-      getIcon={(props) => <StickyNoteAddIcon {...props} size={16} />}
-      label={t('PatientNote', 'Patient Note')}
-      iconDescription={t('PatientNote', 'Patient Note')}
-      handler={() => launchWorkspace<WardPatientWorkspaceProps>('ward-patient-notes-workspace')}
-      type={'ward-patient-notes'}
-    />
-  );
-}