@openmrs/esm-styleguide 5.7.3-pre.2184 → 5.7.3-pre.2185

package/.turbo/turbo-build.log

@@ -52,4 +52,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 26933 ms
+webpack 5.88.0 compiled with 3 warnings in 26222 ms

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openmrs/esm-styleguide",
-  "version": "5.7.3-pre.2184",
+  "version": "5.7.3-pre.2185",
   "license": "MPL-2.0",
   "description": "The styleguide for OpenMRS SPA",
   "browser": "dist/openmrs-esm-styleguide.js",
@@ -64,12 +64,12 @@
     "rxjs": "6.x"
   },
   "devDependencies": {
-    "@openmrs/esm-error-handling": "5.7.3-pre.2184",
-    "@openmrs/esm-extensions": "5.7.3-pre.2184",
-    "@openmrs/esm-navigation": "5.7.3-pre.2184",
-    "@openmrs/esm-react-utils": "5.7.3-pre.2184",
-    "@openmrs/esm-state": "5.7.3-pre.2184",
-    "@openmrs/esm-translations": "5.7.3-pre.2184",
+    "@openmrs/esm-error-handling": "5.7.3-pre.2185",
+    "@openmrs/esm-extensions": "5.7.3-pre.2185",
+    "@openmrs/esm-navigation": "5.7.3-pre.2185",
+    "@openmrs/esm-react-utils": "5.7.3-pre.2185",
+    "@openmrs/esm-state": "5.7.3-pre.2185",
+    "@openmrs/esm-translations": "5.7.3-pre.2185",
     "@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

@@ -5,9 +5,9 @@ import { InlineLoading } from '@carbon/react';
 import { type CoreTranslationKey, getCoreTranslation } from '@openmrs/esm-translations';
 import { ConfigurableLink, usePatient } from '@openmrs/esm-react-utils';
 import { parseDate } from '@openmrs/esm-utils';
-import { useRelationships } from './useRelationships';
 import { usePatientContactAttributes } from './usePatientAttributes';
 import { usePatientListsForPatient } from './usePatientListsForPatient';
+import { useRelationships } from './useRelationships';
 import styles from './patient-banner-contact-details.module.scss';
 
 interface ContactDetailsProps {
@@ -43,15 +43,15 @@ const PatientLists: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
             }
             return <li>--</li>;
           })()}
-          <li style={{ marginTop: '1rem' }}>
-            <ConfigurableLink to={`${window.spaBase}/home/patient-lists`}>
-              {cohorts.length > 3
-                ? getCoreTranslation('seeMoreLists', 'See {{count}} more lists', {
-                    count: cohorts?.length - 3,
-                  })
-                : ''}
-            </ConfigurableLink>
-          </li>
+          {cohorts.length > 3 && (
+            <li className={styles.link}>
+              <ConfigurableLink to={`${window.spaBase}/home/patient-lists`}>
+                {getCoreTranslation('seeMoreLists', 'See {{count}} more lists', {
+                  count: cohorts?.length - 3,
+                })}
+              </ConfigurableLink>
+            </li>
+          )}
         </ul>
       )}
     </>
@@ -61,7 +61,7 @@ const PatientLists: React.FC<{ patientUuid: string }> = ({ patientUuid }) => {
 const Address: React.FC<{ patientId: string }> = ({ patientId }) => {
   const { patient, isLoading } = usePatient(patientId);
   const address = patient?.address?.find((a) => a.use === 'home');
-  const getAddressKey = (url) => url.split('#')[1];
+  const getAddressKey = (url: string) => url.split('#')[1];
 
   if (isLoading) {
     return <InlineLoading description={`${getCoreTranslation('loading', 'Loading')} ...`} role="progressbar" />;
@@ -73,12 +73,16 @@ const Address: React.FC<{ patientId: string }> = ({ patientId }) => {
       <ul>
         {address ? (
           Object.entries(address)
-            .filter(([key]) => key !== 'id')
+            .filter(([key]) => key !== 'id' && key !== 'use')
             .map(([key, value]) =>
               key === 'extension' ? (
                 address.extension?.[0]?.extension?.map((add, i) => (
                   <li key={`address-${key}-${i}`}>
-                    {getCoreTranslation(getAddressKey(add.url), getAddressKey(add.url))}: {add.valueString}
+                    {getCoreTranslation(
+                      getAddressKey(add.url) as CoreTranslationKey,
+                      getAddressKey(add.url) as CoreTranslationKey,
+                    )}
+                    : {add.valueString}
                   </li>
                 ))
               ) : (