@openmrs/esm-styleguide 6.1.1-pre.2721 → 6.1.1-pre.2727

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 29103 ms
+webpack 5.88.0 compiled with 3 warnings in 28895 ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "6.1.1-pre.2721",
+  "version": "6.1.1-pre.2727",
   "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.1-pre.2721",
-    "@openmrs/esm-extensions": "6.1.1-pre.2721",
-    "@openmrs/esm-navigation": "6.1.1-pre.2721",
-    "@openmrs/esm-react-utils": "6.1.1-pre.2721",
-    "@openmrs/esm-state": "6.1.1-pre.2721",
-    "@openmrs/esm-translations": "6.1.1-pre.2721",
+    "@openmrs/esm-error-handling": "6.1.1-pre.2727",
+    "@openmrs/esm-extensions": "6.1.1-pre.2727",
+    "@openmrs/esm-navigation": "6.1.1-pre.2727",
+    "@openmrs/esm-react-utils": "6.1.1-pre.2727",
+    "@openmrs/esm-state": "6.1.1-pre.2727",
+    "@openmrs/esm-translations": "6.1.1-pre.2727",
     "@types/geopattern": "^1.2.9",
     "autoprefixer": "^9.8.8",
     "css-minimizer-webpack-plugin": "^1.2.0",

package/src/patient-banner/contact-details/patient-banner-contact-details.component.tsx

@@ -182,7 +182,11 @@ const Relationships: React.FC<{ patientId: string }> = ({ patientId }) => {
 
 export function PatientBannerContactDetails({ patientId, deceased }: ContactDetailsProps) {
   return (
-    <div className={classNames(deceased && styles.deceased, styles.contactDetails)}>
+    <div
+      className={classNames(styles.contactDetails, {
+        [styles.deceased]: deceased,
+      })}
+    >
       <div className={styles.row}>
         <div className={styles.col}>
           <Address patientId={patientId} />

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>
   );

package/src/workspaces/container/workspace-container.component.tsx

@@ -1,15 +1,15 @@
 import React, { Suspense, useCallback, useContext, useEffect, useMemo } from 'react';
+import { I18nextProvider, useTranslation } from 'react-i18next';
 import classNames from 'classnames';
 import { Header, HeaderGlobalAction, HeaderGlobalBar, HeaderMenuButton, HeaderName } from '@carbon/react';
 import { DownToBottom, Maximize, Minimize } from '@carbon/react/icons';
 import { ComponentContext, ExtensionSlot, isDesktop, useBodyScrollLock, useLayoutType } from '@openmrs/esm-react-utils';
 import { getCoreTranslation } from '@openmrs/esm-translations';
-import { I18nextProvider, useTranslation } from 'react-i18next';
 import { ArrowLeftIcon, ArrowRightIcon, CloseIcon } from '../../icons';
 import { WorkspaceNotification } from '../notification/workspace-notification.component';
-import ActionMenu from './action-menu.component';
 import { type OpenWorkspace, updateWorkspaceWindowState, useWorkspaces } from '../workspaces';
 import { WorkspaceRenderer } from './workspace-renderer.component';
+import ActionMenu from './action-menu.component';
 import styles from './workspace.module.scss';
 
 export interface WorkspaceContainerProps {
@@ -112,7 +112,7 @@ export function WorkspaceContainer({
             {workspaces.map((workspace, i) => (
               <div
                 key={`workspace-container-${workspace ? workspace.name : `empty-${i}`}`}
-                className={classNames({ [styles.hiddenExtraWorkspace]: i !== 0 }, styles.workspaceInnerContainer)}
+                className={classNames(styles.workspaceInnerContainer, { [styles.hiddenExtraWorkspace]: i !== 0 })}
               >
                 <Suspense fallback={null}>
                   <I18nextProvider i18n={window.i18next} defaultNS={workspace.moduleName}>