@kenyaemr/esm-patient-registration-app 6.0.1-pre.1.0.1 → 6.0.1-pre.1.0.3

package/src/patient-registration/field/person-attributes/coded-attributes.component.tsx

@@ -1,60 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Layer, Select, SelectItem } from '@carbon/react';
-import { useConfig } from '@openmrs/esm-framework';
-import { Input } from '../../input/basic-input/input/input.component';
-import { type CodedPersonAttributeConfig } from '../../patient-registration.types';
-import { useConceptAnswers } from '../field.resource';
-import { usePersonAttributeType } from './person-attributes.resource';
-import styles from './../field.scss';
-
-export interface CodedAttributesFieldProps {}
-
-export const CodedAttributesField: React.FC<CodedAttributesFieldProps> = () => {
-  const { codedPersonAttributes } = useConfig();
-
-  return codedPersonAttributes?.length ? (
-    <div>
-      {codedPersonAttributes.map((personAttributeType: CodedPersonAttributeConfig, ind) => (
-        <PersonAttributeField
-          key={ind}
-          personAttributeTypeUuid={personAttributeType.personAttributeUuid}
-          conceptUuid={personAttributeType.conceptUuid}
-        />
-      ))}
-    </div>
-  ) : null;
-};
-
-interface PersonAttributeFieldProps {
-  personAttributeTypeUuid: string;
-  conceptUuid: string;
-}
-
-const PersonAttributeField: React.FC<PersonAttributeFieldProps> = ({ personAttributeTypeUuid, conceptUuid }) => {
-  const { data: personAttributeType, isLoading } = usePersonAttributeType(personAttributeTypeUuid);
-  const { data: conceptAnswers, isLoading: isLoadingConceptAnswers } = useConceptAnswers(conceptUuid);
-
-  return !isLoading ? (
-    <div className={classNames(styles.attributeField, styles.halfWidthInDesktopView)}>
-      {!isLoadingConceptAnswers && conceptAnswers?.length ? (
-        <Layer>
-          <Select
-            id={`person-attribute-${personAttributeTypeUuid}`}
-            name={`attributes.${personAttributeTypeUuid}`}
-            labelText={personAttributeType?.display}>
-            {conceptAnswers.map((answer) => (
-              <SelectItem key={answer.uuid} value={answer.uuid} text={answer.display} />
-            ))}
-          </Select>
-        </Layer>
-      ) : (
-        <Input
-          id={`person-attribute-${personAttributeTypeUuid}`}
-          labelText={personAttributeType?.display}
-          name={`attributes.${personAttributeTypeUuid}`}
-        />
-      )}
-    </div>
-  ) : null;
-};

package/src/widgets/display-photo.component.tsx

@@ -1,30 +0,0 @@
-import React from 'react';
-import Avatar from 'react-avatar';
-import GeoPattern from 'geopattern';
-import { usePatientPhoto } from '../patient-registration/patient-registration.resource';
-
-interface DisplayPatientPhotoProps {
-  patientName: string;
-  patientUuid: string;
-  size?: string;
-}
-
-export default function DisplayPatientPhoto({ patientUuid, patientName, size }: DisplayPatientPhotoProps) {
-  const { data: photo } = usePatientPhoto(patientUuid);
-  const patternUrl: string = GeoPattern.generate(patientUuid).toDataUri();
-
-  return (
-    <Avatar
-      alt={`${patientName ? `${patientName}'s avatar` : 'Patient avatar'}`}
-      color="rgba(0,0,0,0)"
-      name={patientName}
-      src={photo?.imageSrc}
-      size={size === 'small' ? '48' : '80'}
-      textSizeRatio={size === 'small' ? 1 : 2}
-      style={{
-        backgroundImage: `url(${patternUrl})`,
-        backgroundRepeat: 'round',
-      }}
-    />
-  );
-}

package/src/widgets/display-photo.test.tsx

@@ -1,37 +0,0 @@
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { mockPatient } from '__mocks__';
-import DisplayPatientPhoto from './display-photo.component';
-
-jest.mock('../patient-registration/patient-registration.resource', () => ({
-  usePatientPhoto: jest.fn().mockReturnValue({ data: { imageSrc: 'test-image-src' } }),
-}));
-
-jest.mock('geopattern', () => ({
-  generate: jest.fn().mockReturnValue({
-    toDataUri: jest.fn().mockReturnValue('https://example.com'),
-  }),
-}));
-
-const patientUuid = mockPatient.uuid;
-const patientName = mockPatient.name;
-
-describe('DisplayPatientPhoto Component', () => {
-  it('should render the component with the patient photo and size should not be small', () => {
-    render(<DisplayPatientPhoto patientUuid={patientUuid} patientName={patientName} />);
-
-    const avatarImage = screen.getByTitle(`${patientName}`);
-
-    expect(avatarImage).toBeInTheDocument();
-    expect(avatarImage).toHaveAttribute('style', expect.stringContaining('width: 80px; height: 80px'));
-  });
-
-  it('should render the component with the patient photo and size should be small i.e. 48px', () => {
-    render(<DisplayPatientPhoto patientUuid={patientUuid} patientName={patientName} size="small" />);
-
-    const avatarImage = screen.getByTitle(`${patientName}`);
-
-    expect(avatarImage).toBeInTheDocument();
-    expect(avatarImage).toHaveAttribute('style', expect.stringContaining('width: 48px; height: 48px'));
-  });
-});