@openmrs/esm-patient-programs-app 3.0.3-pre.989 → 3.1.0

package/src/programs/program-record.component.tsx

@@ -1,93 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import dayjs from 'dayjs';
-import ProgramsForm from './programs-form.component';
-import styles from './program-record.css';
-import { SummaryCard, openWorkspaceTab } from '@openmrs/esm-patient-common-lib';
-import { RouteComponentProps } from 'react-router-dom';
-import { useTranslation, Trans } from 'react-i18next';
-import { createErrorHandler } from '@openmrs/esm-framework';
-import { getPatientProgramByUuid } from './programs.resource';
-import { useProgramsContext } from './programs.context';
-
-interface ProgramRecordProps extends RouteComponentProps<{ programUuid: string }> {}
-
-const ProgramRecord: React.FC<ProgramRecordProps> = ({ match }) => {
-  const [patientProgram, setPatientProgram] = useState(null);
-  const { t } = useTranslation();
-  const { patient, patientUuid } = useProgramsContext();
-  const { programUuid } = match.params;
-
-  useEffect(() => {
-    if (patient && patientUuid) {
-      const subscription = getPatientProgramByUuid(programUuid).subscribe((program) => {
-        setPatientProgram(program), createErrorHandler();
-      });
-
-      return () => subscription.unsubscribe();
-    }
-  }, [patient, patientUuid, programUuid]);
-
-  return (
-    <>
-      {!!(patientProgram && Object.entries(patientProgram).length) && (
-        <div className={styles.programSummary}>
-          <SummaryCard
-            name={t('program', 'Program')}
-            styles={{ width: '100%' }}
-            editComponent
-            showComponent={() =>
-              openWorkspaceTab(ProgramsForm, `${t('editProgram', 'Edit program')}`, {
-                program: patientProgram?.program?.name,
-                programUuid: patientProgram?.uuid,
-                enrollmentDate: patientProgram?.dateEnrolled,
-                completionDate: patientProgram?.dateCompleted,
-                locationUuid: patientProgram?.location?.uuid,
-              })
-            }
-          >
-            <div className={`omrs-type-body-regular ${styles.programCard}`}>
-              <div>
-                <p className="omrs-type-title-3" data-testid="program-name">
-                  {patientProgram.program.name}
-                </p>
-              </div>
-              <table className={styles.programTable}>
-                <thead>
-                  <tr>
-                    <td>
-                      <Trans i18nKey="enrolledOn">Enrolled on</Trans>
-                    </td>
-                    <td>
-                      <Trans i18nKey="status">Status</Trans>
-                    </td>
-                    <td>
-                      <Trans i18nKey="enrolledAt">Enrolled at</Trans>
-                    </td>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr>
-                    <td>{dayjs(patientProgram?.dateEnrolled).format('DD-MMM-YYYY')}</td>
-                    <td className={styles.completedProgram}>
-                      {patientProgram?.dateCompleted ? (
-                        <span className={styles.completionDate}>
-                          <Trans i18nKey="completedOn">Completed on</Trans>{' '}
-                          {dayjs(patientProgram?.dateCompleted).format('DD-MMM-YYYY')}
-                        </span>
-                      ) : (
-                        <Trans i18nKey="active">Active</Trans>
-                      )}
-                    </td>
-                    <td>{patientProgram?.location?.display || '-'}</td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </SummaryCard>
-        </div>
-      )}
-    </>
-  );
-};
-
-export default ProgramRecord;

package/src/programs/program-record.css

@@ -1,42 +0,0 @@
-:global(.omrs-breakpoint-gt-phone) .programSummary {
-  display: flex;
-}
-
-:global(.omrs-breakpoint-lt-tablet) .programSummary {
-  padding: 0.25rem 0.5rem 0 0.5rem;
-}
-
-.programCard {
-  margin: 0rem 1rem;
-}
-
-.programTable {
-  width: 100%;
-  margin-top: 1rem;
-  margin-bottom: 1rem;
-}
-
-.programTable thead th {
-  color: var(--omrs-color-ink-medium-contrast);
-  text-align: left;
-}
-
-.programTable thead {
-  color: var(--omrs-color-ink-medium-contrast);
-}
-
-.programTable tbody td:nth-child(1) {
-  font-family: "Work Sans";
-}
-
-.programTable thead td {
-  margin-top: 0.625rem;
-}
-
-.completedProgram {
-  font-family: "Work Sans";
-}
-
-.completionDate {
-  color: var(--omrs-color-ink-medium-contrast);
-}

package/src/programs/program-record.test.outdated.tsx

@@ -1,57 +0,0 @@
-import React from 'react';
-import ProgramRecord from './program-record.component';
-import ProgramsForm from './programs-form.component';
-import { fireEvent, render, screen } from '@testing-library/react';
-import { BrowserRouter } from 'react-router-dom';
-import { mockProgramResponse } from '../../../../__mocks__/programs.mock';
-import { getPatientProgramByUuid } from './programs.resource';
-import { of } from 'rxjs/internal/observable/of';
-
-const mockFetchPatientProgram = getPatientProgramByUuid as jest.Mock;
-
-jest.mock('./programs.resource', () => ({
-  getPatientProgramByUuid: jest.fn(),
-}));
-
-describe('<ProgramRecord />', () => {
-  beforeEach(() => {
-    mockFetchPatientProgram.mockReset;
-    mockFetchPatientProgram.mockReturnValue(of(mockProgramResponse));
-  });
-
-  afterEach(() => jest.restoreAllMocks());
-
-  it('displays a detailed summary of the selected care program', async () => {
-    const mockOpenWorkspaceTab = jest.fn();
-
-    render(
-      <BrowserRouter>
-        <ProgramRecord match={{ params: { programUuid: '' } }} />
-      </BrowserRouter>,
-    );
-
-    await screen.findByRole('heading', { name: 'Program' });
-
-    expect(screen.getByText('Program')).toBeInTheDocument();
-    const editBtn = screen.getByRole('button', { name: 'Edit' });
-    expect(editBtn).toBeInTheDocument();
-    expect(screen.getByText('HIV Care and Treatment')).toBeInTheDocument();
-    expect(screen.getByText('Enrolled on')).toBeInTheDocument();
-    expect(screen.getByText('Status')).toBeInTheDocument();
-    expect(screen.getByText('Enrolled at')).toBeInTheDocument();
-    expect(screen.getByText('01-Nov-2019')).toBeInTheDocument();
-    expect(screen.getByText('Active')).toBeInTheDocument();
-    expect(screen.getByText('-')).toBeInTheDocument();
-
-    // Clicking "Edit" launches edit form in workspace tab
-    fireEvent.click(editBtn);
-    expect(mockOpenWorkspaceTab).toHaveBeenCalled();
-    expect(mockOpenWorkspaceTab).toHaveBeenCalledWith(ProgramsForm, 'Edit Program', {
-      completionDate: null,
-      enrollmentDate: '2019-11-01T15:00:00.000+0000',
-      location: undefined,
-      program: 'HIV Care and Treatment',
-      programUuid: '8ba6c08f-66d9-4a18-a233-5f658b1755bf',
-    });
-  });
-});