@openmrs/esm-styleguide 6.1.0 → 6.1.1-pre.2723

package/.turbo/turbo-build.log

@@ -51,4 +51,4 @@ WARNING in webpack performance recommendations:
 You can limit the size of your bundles by using import() or require.ensure to lazy load some parts of your application.
 For more info visit https://webpack.js.org/guides/code-splitting/
 
-webpack 5.88.0 compiled with 3 warnings in 28562 ms
+webpack 5.88.0 compiled with 3 warnings in 29048 ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "6.1.0",
+  "version": "6.1.1-pre.2723",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "browser": "dist/openmrs-esm-styleguide.js",
@@ -63,12 +63,12 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-error-handling": "6.1.0",
-    "@openmrs/esm-extensions": "6.1.0",
-    "@openmrs/esm-navigation": "6.1.0",
-    "@openmrs/esm-react-utils": "6.1.0",
-    "@openmrs/esm-state": "6.1.0",
-    "@openmrs/esm-translations": "6.1.0",
+    "@openmrs/esm-error-handling": "6.1.1-pre.2723",
+    "@openmrs/esm-extensions": "6.1.1-pre.2723",
+    "@openmrs/esm-navigation": "6.1.1-pre.2723",
+    "@openmrs/esm-react-utils": "6.1.1-pre.2723",
+    "@openmrs/esm-state": "6.1.1-pre.2723",
+    "@openmrs/esm-translations": "6.1.1-pre.2723",
     "@types/geopattern": "^1.2.9",
     "autoprefixer": "^9.8.8",
     "css-minimizer-webpack-plugin": "^1.2.0",
@@ -81,5 +81,6 @@
     "rxjs": "^6.5.3",
     "svgo-loader": "^4.0.0",
     "webpack": "^5.88.0"
-  }
+  },
+  "stableVersion": "6.1.0"
 }

package/src/patient-banner/patient-info/patient-banner-patient-info.component.tsx

@@ -10,6 +10,13 @@ import styles from './patient-banner-patient-info.module.scss';
 
 interface PatientBannerPatientInfoProps {
   patient: fhir.Patient;
+
+  /**
+   * A unique string to identify where the PatientInfo is rendered from.
+   * (ex: Patient Chart, search app, etc...). This string is passed into extensions to
+   * affect how / if they should be rendered
+   */
+  renderedFrom?: string;
 }
 
 type Gender = 'female' | 'male' | 'other' | 'unknown';
@@ -51,11 +58,14 @@ const getGender = (gender: string) => {
   };
 };
 
-export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoProps) {
+export function PatientBannerPatientInfo({ patient, renderedFrom }: PatientBannerPatientInfoProps) {
   const name = `${patient?.name?.[0]?.given?.join(' ')} ${patient?.name?.[0]?.family}`;
   const genderInfo = patient?.gender && getGender(patient.gender);
 
-  const extensionState = useMemo(() => ({ patientUuid: patient.id, patient }), [patient.id, patient]);
+  const extensionState = useMemo(
+    () => ({ patientUuid: patient.id, patient, renderedFrom }),
+    [patient.id, patient, renderedFrom],
+  );
 
   return (
     <div className={styles.patientInfo}>
@@ -83,6 +93,7 @@ export function PatientBannerPatientInfo({ patient }: PatientBannerPatientInfoPr
           </>
         )}
         <PatientBannerPatientIdentifiers identifiers={patient.identifier} showIdentifierLabel />
+        <ExtensionSlot className={styles.extensionSlot} name="patient-banner-bottom-slot" state={extensionState} />
       </div>
     </div>
   );