@kenyaemr/esm-ward-app 7.0.3-pre.88 → 7.0.3-pre.94

package/src/ward-patient-card/ward-patient-card-row.resources.tsx

@@ -1,92 +0,0 @@
-import { useConfig } from '@openmrs/esm-framework';
-import { useMemo } from 'react';
-import {
-  builtInPatientCardElements,
-  defaultPatientCardElementConfig,
-  type PatientCardElementDefinition,
-  type WardConfigObject,
-} from '../config-schema';
-import type { WardPatientCardElement, WardPatientCardProps } from '../types';
-import WardPatientAge from './row-elements/ward-patient-age';
-import WardPatientBedNumber from './row-elements/ward-patient-bed-number';
-import wardPatientAddress from './row-elements/ward-patient-header-address';
-import WardPatientName from './row-elements/ward-patient-name';
-import React from 'react';
-import styles from './ward-patient-card.scss';
-import wardPatientObs from './row-elements/ward-patient-obs';
-import wardPatientCodedObsTags from './row-elements/ward-patient-coded-obs-tags';
-
-export function usePatientCardRows(location: string) {
-  const { wardPatientCards } = useConfig<WardConfigObject>();
-  const patientCardRows = useMemo(() => {
-    const { cardDefinitions, patientCardElementDefinitions } = wardPatientCards;
-
-    // map of patientCardElementId to its corresponding React component
-    const patientCardElementsMap = new Map<string, WardPatientCardElement>();
-    for (const elementType of builtInPatientCardElements) {
-      patientCardElementsMap.set(
-        elementType,
-        getPatientCardElementFromDefinition({
-          id: elementType,
-          elementType,
-          config: defaultPatientCardElementConfig,
-        }),
-      );
-    }
-    for (const patientCardElementDef of patientCardElementDefinitions) {
-      patientCardElementsMap.set(patientCardElementDef.id, getPatientCardElementFromDefinition(patientCardElementDef));
-    }
-
-    const cardDefinition = cardDefinitions.find((cardDef) => {
-      const appliedTo = cardDef.appliedTo;
-
-      return appliedTo == null || appliedTo.some((criteria) => criteria.location == location);
-    });
-
-    const ret = cardDefinition.rows.map((row) => {
-      const { rowType, elements } = row;
-      const patientCardElements = elements.map((patientCardElementId) => {
-        const slot = patientCardElementsMap.get(patientCardElementId);
-        return slot;
-      });
-
-      const WardPatientCardRow: React.FC<WardPatientCardProps> = (props) => {
-        return (
-          <div className={styles.wardPatientCardRow + ' ' + (rowType == 'header' ? styles.wardPatientCardHeader : '')}>
-            {patientCardElements.map((PatientCardElement, i) => (
-              <PatientCardElement {...props} key={i} />
-            ))}
-          </div>
-        );
-      };
-
-      return WardPatientCardRow;
-    });
-    return ret;
-  }, [location, wardPatientCards]);
-
-  return patientCardRows;
-}
-
-function getPatientCardElementFromDefinition(
-  patientCardElementDef: PatientCardElementDefinition,
-): WardPatientCardElement {
-  const { elementType, config } = patientCardElementDef;
-  switch (elementType) {
-    case 'bed-number':
-      return WardPatientBedNumber;
-    case 'patient-name':
-      return WardPatientName;
-    case 'patient-age':
-      return WardPatientAge;
-    case 'patient-address': {
-      return wardPatientAddress(config.address);
-    }
-    case 'patient-obs': {
-      return wardPatientObs(config.obs);
-    }
-    case 'patient-coded-obs-tags': {
-      return wardPatientCodedObsTags(config.codedObsTags);
-    }
-  }
-}

package/src/ward-patient-card/ward-patient-card.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { useParams } from 'react-router-dom';
-import { type WardPatientCardProps } from '../types';
-import { usePatientCardRows } from './ward-patient-card-row.resources';
-import styles from './ward-patient-card.scss';
-
-const WardPatientCard: React.FC<WardPatientCardProps> = (props) => {
-  const { locationUuid } = useParams();
-  const patientCardRows = usePatientCardRows(locationUuid);
-
-  return (
-    <div className={styles.wardPatientCard}>
-      {patientCardRows.map((WardPatientCardRow, i) => (
-        <WardPatientCardRow key={i} {...props} />
-      ))}
-    </div>
-  );
-};
-
-export default WardPatientCard;

package/src/ward-workspace/admission-request-card.component.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import styles from './admission-request-card.scss';
-import { useParams } from 'react-router-dom';
-import { type Patient } from '@openmrs/esm-framework';
-import { usePatientCardRows } from '../ward-patient-card/ward-patient-card-row.resources';
-
-interface AdmissionRequestCardProps {
-  patient: Patient;
-}
-
-const AdmissionRequestCard: React.FC<AdmissionRequestCardProps> = ({ patient }) => {
-  const { locationUuid } = useParams();
-  const admissionPatientCardSlots = usePatientCardRows(locationUuid);
-  return (
-    <div className={styles.admissionRequestCardHeader}>
-      {admissionPatientCardSlots.map((AdmissionPatientCard, i) => (
-        <AdmissionPatientCard key={i} patient={patient} bed={null} visit={null} />
-      ))}
-    </div>
-  );
-};
-
-export default AdmissionRequestCard;

package/src/ward-workspace/admission-request-card.scss

@@ -1,34 +0,0 @@
-@use '@carbon/styles/scss/type';
-@use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.admissionRequestCardHeader {
-  background-color: $ui-03;
-  padding: spacing.$spacing-03;
-  border: 1px solid $color-gray-30;
-  height: fit-content;
-  color: $color-gray-70;
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  > div:not(:first-of-type)::before {
-    content: '·';
-    padding: spacing.$spacing-02;
-  }
-}
-
-.patientName,
-.patientGender,
-.patientAge {
-  @include type.type-style('heading-01');
-}
-
-.patientName {
-  color: $color-gray-100;
-}
-
-.time,
-.city,
-.ward {
-  @include type.type-style('body-compact-01');
-}

package/src/ward-workspace/admission-request-workspace.test.tsx

@@ -1,38 +0,0 @@
-import { renderWithSwr } from '../../../../tools/test-utils';
-import React from 'react';
-import AdmissionRequestsWorkspace from './admission-requests-workspace.component';
-import {
-  type ConfigSchema,
-  type Person,
-  closeWorkspace,
-  getDefaultsFromConfigSchema,
-  useConfig,
-} from '@openmrs/esm-framework';
-import { configSchema } from '../config-schema';
-import { useInpatientRequest } from '../hooks/useInpatientRequest';
-import { mockInpatientRequest } from '../../../../__mocks__/ward-patient';
-
-jest.replaceProperty(mockInpatientRequest.patient.person as Person, 'preferredName', {
-  uuid: '',
-  givenName: 'Alice',
-  familyName: 'Johnson',
-});
-
-jest.mocked(useConfig).mockReturnValue({
-  ...getDefaultsFromConfigSchema<ConfigSchema>(configSchema),
-});
-
-jest.mock('@openmrs/esm-framework', () => {
-  return {
-    ...jest.requireActual('@openmrs/esm-framework'),
-    closeWorkspace: jest.fn(),
-  };
-});
-
-describe('Admission Requests Workspace', () => {
-  it('should render a admission request card', () => {
-    const { getByText } = renderWithSwr(<AdmissionRequestsWorkspace admissionRequests={[mockInpatientRequest]} />);
-    const { givenName, familyName } = mockInpatientRequest.patient.person!.preferredName!;
-    expect(getByText(givenName + ' ' + familyName)).toBeInTheDocument();
-  });
-});

package/src/ward-workspace/admission-requests-workspace.component.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import styles from './admission-requests-workspace.scss';
-import AdmissionRequestCard from './admission-request-card.component';
-import { type InpatientRequest } from '../types';
-
-interface AdmissionRequestsWorkspaceProps {
-  admissionRequests: InpatientRequest[];
-}
-const AdmissionRequestsWorkspace: React.FC<AdmissionRequestsWorkspaceProps> = ({ admissionRequests }) => {
-  return (
-    <div className={styles.admissionRequestsWorkspaceContainer}>
-      <div className={styles.admissionRequestsWorkspace}>
-        {admissionRequests.map((admissionRequest) => (
-          <AdmissionRequestCard patient={admissionRequest.patient} />
-        ))}
-      </div>
-    </div>
-  );
-};
-
-export default AdmissionRequestsWorkspace;

package/src/ward-workspace/admission-requests-workspace.scss

@@ -1,13 +0,0 @@
-@use '@carbon/styles/scss/type';
-@use '@carbon/styles/scss/spacing';
-@import '~@openmrs/esm-styleguide/src/vars';
-
-.admissionRequestsWorkspaceContainer {
-  min-height: var(--desktop-workspace-window-height);
-}
-.admissionRequestsWorkspace {
-  padding: spacing.$spacing-04;
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-  gap: 1rem;
-}