Fix reusable banner component exports

openmrs · Nov 20, 2024 · ff7399c · ff7399c
1 parent a0b090d
commit ff7399c
Show file tree

Hide file tree

Showing 5 changed files with 49 additions and 6 deletions.
diff --git a/packages/framework/esm-framework/docs/API.md b/packages/framework/esm-framework/docs/API.md
@@ -214,6 +214,8 @@
 - [CustomOverflowMenu](API.md#customoverflowmenu)
 - [PatientBannerActionsMenu](API.md#patientbanneractionsmenu)
 - [PatientBannerContactDetails](API.md#patientbannercontactdetails)
+- [PatientBannerPatientIdentifiers](API.md#patientbannerpatientidentifiers)
+- [PatientBannerPatientInfo](API.md#patientbannerpatientinfo)
 - [PatientBannerToggleContactDetailsButton](API.md#patientbannertogglecontactdetailsbutton)
 - [PatientPhoto](API.md#patientphoto)
 - [getFhirServerPaginationHandlers](API.md#getfhirserverpaginationhandlers)
@@ -6885,6 +6887,46 @@ ___
 
 ___
 
+### PatientBannerPatientIdentifiers
+
+▸ **PatientBannerPatientIdentifiers**(`__namedParameters`): `Element`
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `__namedParameters` | `PatientBannerPatientIdentifiersProps` |
+
+#### Returns
+
+`Element`
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx:39](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx#L39)
+
+___
+
+### PatientBannerPatientInfo
+
+▸ **PatientBannerPatientInfo**(`__namedParameters`): `Element`
+
+#### Parameters
+
+| Name | Type |
+| :------ | :------ |
+| `__namedParameters` | `PatientBannerPatientInfoProps` |
+
+#### Returns
+
+`Element`
+
+#### Defined in
+
+[packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx:43](https://github.com/openmrs/openmrs-esm-core/blob/main/packages/framework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx#L43)
+
+___
+
 ### PatientBannerToggleContactDetailsButton
 
 ▸ **PatientBannerToggleContactDetailsButton**(`__namedParameters`): `Element`

diff --git a/packages/framework/esm-framework/mock.tsx b/packages/framework/esm-framework/mock.tsx
@@ -75,7 +75,7 @@ export const CustomOverflowMenu = jest.fn(({ menuTitle, children }) => (
 export const PatientBannerActionsMenu = jest.fn(() => <div>Patient Banner Actions Menu</div>);
 export const PatientBannerContactDetails = jest.fn(() => <div>Patient Banner Contact Details</div>);
 export const PatientBannerPatientInfo = jest.fn(() => <div>Patient Banner Patient Info</div>);
-export const PatientBannerPatientIdentifier = jest.fn(() => <div>Patient Banner Patient Identifier</div>);
+export const PatientBannerPatientIdentifiers = jest.fn(() => <div>Patient Banner Patient Identifier</div>);
 export const PatientBannerToggleContactDetailsButton = jest.fn(() => (
   <div>Patient Banner Toggle Contact Details Button</div>
 ));

diff --git a/...yleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx b/...yleguide/src/patient-banner/patient-info/patient-banner-patient-identifiers.component.tsx
@@ -36,7 +36,10 @@ function SecondaryIdentifier({ showIdentifierLabel, type, value }: IdentifiersPr
   );
 }
 
-function PatientBannerPatientIdentifiers({ identifiers, showIdentifierLabel }: PatientBannerPatientIdentifiersProps) {
+export function PatientBannerPatientIdentifiers({
+  identifiers,
+  showIdentifierLabel,
+}: PatientBannerPatientIdentifiersProps) {
   const { excludePatientIdentifierCodeTypes } = useConfig<StyleguideConfigObject>();
   const { primaryIdentifierCode } = usePrimaryIdentifierCode();
 

diff --git a/.../esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx b/.../esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx
@@ -40,7 +40,7 @@ const getGender = (gender: string): string => {
   return getCoreTranslation(key, gender);
 };
 
-function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
+export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
   const name = `${patient?.name?.[0]?.given?.join(' ')} ${patient?.name?.[0]?.family}`;
   const gender = patient?.gender && getGender(patient.gender);
 
@@ -76,5 +76,3 @@ function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
     </div>
   );
 }
-
-export default PatientBannerPatientInfo;
diff --git a/...ework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx b/...ework/esm-styleguide/src/patient-banner/patient-info/patient-banner-patient-info.test.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import { type i18n } from 'i18next';
 import { screen, render } from '@testing-library/react';
 import { usePrimaryIdentifierCode } from '@openmrs/esm-react-utils';
-import PatientBannerPatientInfo from './patient-banner-patient-info.component';
+import { PatientBannerPatientInfo } from './patient-banner-patient-info.component';
 
 window.i18next = { language: 'en' } as i18n;
 const mockUsePrimaryIdentifierCode = jest.mocked(usePrimaryIdentifierCode);