@kenyaemr/esm-patient-clinical-view-app 5.4.2-pre.2687 → 5.4.2-pre.2694

package/src/in-patient/encounter-observations/visit.resource.tsx

@@ -1,161 +0,0 @@
-import { OpenmrsResource, Privilege } from '@openmrs/esm-framework';
-
-export interface MappedEncounter {
-  id: string;
-  datetime: string;
-  encounterType: string;
-  editPrivilege: string;
-  form: OpenmrsResource;
-  obs: Array<Observation>;
-  provider: string;
-  visitUuid: string;
-  visitType: string;
-  visitTypeUuid?: string;
-  visitStartDatetime?: string;
-  visitStopDatetime?: string;
-}
-
-export interface Encounter {
-  uuid: string;
-  diagnoses: Array<Diagnosis>;
-  encounterDatetime: string;
-  encounterProviders: Array<EncounterProvider>;
-  encounterType: {
-    uuid: string;
-    display: string;
-    viewPrivilege: Privilege;
-    editPrivilege: Privilege;
-  };
-  obs: Array<Observation>;
-  orders: Array<Order>;
-  form: OpenmrsResource;
-  patient: OpenmrsResource;
-}
-
-export interface EncounterProvider {
-  uuid: string;
-  display: string;
-  encounterRole: {
-    uuid: string;
-    display: string;
-  };
-  provider: {
-    uuid: string;
-    person: {
-      uuid: string;
-      display: string;
-    };
-  };
-}
-
-export interface Observation {
-  uuid: string;
-  concept: {
-    uuid: string;
-    display: string;
-    conceptClass: {
-      uuid: string;
-      display: string;
-    };
-  };
-  display: string;
-  groupMembers: null | Array<{
-    uuid: string;
-    concept: {
-      uuid: string;
-      display: string;
-    };
-    value: {
-      uuid: string;
-      display: string;
-    };
-    display: string;
-  }>;
-  value: any;
-  obsDatetime?: string;
-}
-
-export interface Order {
-  uuid: string;
-  dateActivated: string;
-  dateStopped?: Date | null;
-  dose: number;
-  dosingInstructions: string | null;
-  dosingType?: 'org.openmrs.FreeTextDosingInstructions' | 'org.openmrs.SimpleDosingInstructions';
-  doseUnits: {
-    uuid: string;
-    display: string;
-  };
-  drug: {
-    uuid: string;
-    name: string;
-    strength: string;
-    display: string;
-  };
-  duration: number;
-  durationUnits: {
-    uuid: string;
-    display: string;
-  };
-  frequency: {
-    uuid: string;
-    display: string;
-  };
-  numRefills: number;
-  orderNumber: string;
-  orderReason: string | null;
-  orderReasonNonCoded: string | null;
-  orderer: {
-    uuid: string;
-    person: {
-      uuid: string;
-      display: string;
-    };
-  };
-  orderType: {
-    uuid: string;
-    display: string;
-  };
-  route: {
-    uuid: string;
-    display: string;
-  };
-  quantity: number;
-  quantityUnits: OpenmrsResource;
-}
-
-export interface Note {
-  concept: OpenmrsResource;
-  note: string;
-  provider: {
-    name: string;
-    role: string;
-  };
-  time: string;
-}
-
-export interface OrderItem {
-  order: Order;
-  provider: {
-    name: string;
-    role: string;
-  };
-}
-
-export interface Diagnosis {
-  certainty: string;
-  display: string;
-  encounter: OpenmrsResource;
-  links: Array<any>;
-  patient: OpenmrsResource;
-  rank: number;
-  resourceVersion: string;
-  uuid: string;
-  voided: boolean;
-  diagnosis: {
-    coded: {
-      display: string;
-      links: Array<any>;
-    };
-  };
-}

package/src/in-patient/in-patient-table/in-patient-table.component.tsx

@@ -1,155 +0,0 @@
-import React, { useMemo } from 'react';
-import {
-  DataTable,
-  TableContainer,
-  Table,
-  TableHead,
-  TableRow,
-  TableExpandHeader,
-  TableHeader,
-  TableBody,
-  TableExpandRow,
-  TableExpandedRow,
-  TableCell,
-  Button,
-} from '@carbon/react';
-import { Edit } from '@carbon/react/icons';
-import { Encounter } from '../encounter-observations/visit.resource';
-import { useTranslation } from 'react-i18next';
-import { formatDatetime, launchWorkspace, usePagination, Visit } from '@openmrs/esm-framework';
-import EncounterObservations from '../encounter-observations';
-import { EmptyState, PatientChartPagination } from '@openmrs/esm-patient-common-lib';
-import styles from './in-patient-table.scss';
-import { mutate } from 'swr';
-
-type InPatientTableProps = {
-  tableRows: Array<Encounter>;
-  currentVisit: Visit;
-};
-
-const InPatientTable: React.FC<InPatientTableProps> = ({ tableRows }) => {
-  const { t } = useTranslation();
-  const headers = [
-    { key: 'dateTime', header: t('dateDate', 'Date & time') },
-    { key: 'formName', header: t('formName', 'Form Name') },
-    { key: 'provider', header: t('provider', 'Provider') },
-    { key: 'encounterType', header: t('encounterType', 'Encounter Type') },
-  ];
-
-  const { results, goTo, currentPage } = usePagination(tableRows, 10);
-
-  const paginatedRows = useMemo(() => {
-    return results.map((row) => ({
-      id: row.uuid,
-      dateTime: formatDatetime(new Date(row.encounterDatetime), {
-        mode: 'standard',
-      }),
-      formName: row.form.display,
-      provider: row.encounterProviders[0]?.provider?.person?.display,
-      encounterType: row.encounterType.display,
-    }));
-  }, [results]);
-
-  const onEncounterEdit = (encounter: Encounter) => {
-    launchWorkspace('patient-form-entry-workspace', {
-      workspaceTitle: encounter.form.display,
-      mutateForm: () => {
-        mutate((key) => typeof key === 'string' && key.startsWith(`/ws/rest/v1/encounter`), undefined, {
-          revalidate: true,
-        });
-      },
-      formInfo: {
-        encounterUuid: encounter.uuid,
-        formUuid: encounter?.form?.uuid,
-        additionalProps: {},
-      },
-    });
-  };
-
-  if (results.length === 0) {
-    return (
-      <EmptyState displayText={t('noEncounters', 'No encounters found')} headerTitle={t('encounters', 'Encounters')} />
-    );
-  }
-
-  return (
-    <>
-      <DataTable size="sm" useZebraStyles rows={paginatedRows} headers={headers}>
-        {({
-          rows,
-          headers,
-          getHeaderProps,
-          getRowProps,
-
-          getTableProps,
-          getTableContainerProps,
-        }) => (
-          <TableContainer
-            title={t('encounters', 'Encounters')}
-            description={t('encountersDescription', 'List of encounters during the current visit')}
-            {...getTableContainerProps()}>
-            <Table {...getTableProps()} aria-label="sample table">
-              <TableHead>
-                <TableRow>
-                  <TableExpandHeader aria-label="expand row" />
-                  {headers.map((header, i) => (
-                    <TableHeader
-                      key={i}
-                      {...getHeaderProps({
-                        header,
-                      })}>
-                      {header.header}
-                    </TableHeader>
-                  ))}
-                </TableRow>
-              </TableHead>
-              <TableBody>
-                {rows.map((row, index) => (
-                  <React.Fragment key={row.id}>
-                    <TableExpandRow
-                      {...getRowProps({
-                        row,
-                      })}>
-                      {row.cells.map((cell) => (
-                        <TableCell key={cell.id}>{cell.value}</TableCell>
-                      ))}
-                    </TableExpandRow>
-                    {row.isExpanded ? (
-                      <TableExpandedRow className={styles.expandedRow} colSpan={headers.length + 2}>
-                        <>
-                          <EncounterObservations observations={results[index].obs} />
-
-                          <>
-                            {results[index]?.form?.uuid && (
-                              <Button
-                                kind="ghost"
-                                onClick={() => onEncounterEdit(results[index])}
-                                renderIcon={(props) => <Edit size={16} {...props} />}>
-                                {t('editThisEncounter', 'Edit this encounter')}
-                              </Button>
-                            )}
-                          </>
-                        </>
-                      </TableExpandedRow>
-                    ) : (
-                      <TableExpandedRow className={styles.hiddenRow} colSpan={headers.length + 2} />
-                    )}
-                  </React.Fragment>
-                ))}
-              </TableBody>
-            </Table>
-          </TableContainer>
-        )}
-      </DataTable>
-      <PatientChartPagination
-        currentItems={results.length}
-        totalItems={tableRows?.length}
-        pageNumber={currentPage}
-        pageSize={10}
-        onPageNumberChange={(page) => goTo(page)}
-      />
-    </>
-  );
-};
-
-export default InPatientTable;

package/src/in-patient/in-patient-table/in-patient-table.scss

@@ -1,37 +0,0 @@
-@use '@carbon/styles/scss/spacing';
-@use '@carbon/styles/scss/type';
-@use '@openmrs/esm-styleguide/src/vars' as *;
-
-.tableContainer {
-  padding: 0;
-
-  :global(.cds--data-table-header) {
-    padding: 0;
-  }
-
-  :global(.cds--table-toolbar) {
-    position: relative;
-    overflow: visible;
-    top: 0;
-  }
-
-  &:global(.cds--data-table-container) {
-    background: none !important;
-  }
-}
-
-.expandedRow {
-  padding-inline-start: 3.5rem;
-
-  > td {
-    padding: inherit !important;
-
-    > div {
-      max-height: max-content !important;
-    }
-  }
-
-  > div {
-    background-color: $ui-02;
-  }
-}

package/src/in-patient/in-patient.component.tsx

@@ -1,13 +0,0 @@
-import React from 'react';
-import AdmissionRequest from './admission-request.component';
-
-type InPatientProps = {
-  patientUuid: string;
-  patient: fhir.Patient;
-};
-
-const InPatient: React.FC<InPatientProps> = ({ patientUuid }) => {
-  return <AdmissionRequest patientUuid={patientUuid} />;
-};
-
-export default InPatient;

package/src/in-patient/in-patient.meta.tsx

@@ -1,10 +0,0 @@
-export const inPatientMeta = {
-  slot: 'patient-chart-in-patient-dashboard-slot',
-  path: 'in-patient',
-  title: 'In Patient',
-  moduleName: '@kenyaemr/esm-bed-management-app',
-  name: 'In Patient',
-  columns: 1,
-  config: {},
-  icon: 'omrs-icon-hospital-bed',
-};

package/src/in-patient/in-patient.resource.tsx

@@ -1,56 +0,0 @@
-import { type Encounter, openmrsFetch, restBaseUrl, useConfig } from '@openmrs/esm-framework';
-import useSWR from 'swr';
-import { BedManagementConfig } from '../config-schema';
-import { AdmissionRequest } from '../types';
-
-export const usePatientEncounters = (patientUuid: string) => {
-  const { inPatientForms } = useConfig<BedManagementConfig>();
-  const { data, isLoading, error, mutate } = useSWR<{
-    data: { results: Array<Encounter> };
-  }>(
-    `/ws/rest/v1/encounter?patient=${patientUuid}&v=custom:(uuid,display,encounterDatetime,obs:full,form:(uuid,display),encounterType:(uuid,display),encounterProviders:(uuid,display,encounterRole:(uuid,display),provider:(uuid,person:(uuid,display))),orders:(uuid,display),diagnoses:(uuid,display)`,
-    openmrsFetch,
-  );
-
-  const encounters =
-    data?.data?.['results']?.filter((encounter) =>
-      inPatientForms?.find((form) => form.uuid === encounter?.form?.uuid),
-    ) ?? [];
-
-  return {
-    encounters: encounters,
-    isLoading,
-    error,
-    mutate,
-  };
-};
-
-const defaultRep =
-  'custom:(' +
-  'dispositionLocation,' +
-  'dispositionType,' +
-  'disposition,' +
-  'dispositionEncounter:full,' +
-  'patient:(uuid,identifiers,voided,' +
-  'person:(uuid,display,gender,age,birthdate,birthtime,preferredName,preferredAddress,dead,deathDate)),' +
-  'dispositionObsGroup,' +
-  'visit)';
-
-export const useAdmissionRequest = (patientUuid: string) => {
-  const patientUuids = [patientUuid];
-  const searchParams = new URLSearchParams();
-  searchParams.set('dispositionType', 'ADMIT');
-  searchParams.set('patients', patientUuids.join(','));
-  searchParams.set('v', defaultRep);
-
-  const url = `${restBaseUrl}/emrapi/inpatient/request?${searchParams.toString()}`;
-
-  const { data, isLoading, error, mutate } = useSWR<{ data: { results: Array<AdmissionRequest> } }>(url, openmrsFetch);
-
-  return {
-    admissionRequest: data?.data?.results ?? [],
-    isLoading: isLoading,
-    error: error,
-    mutate: mutate,
-  };
-};