OHRI-1857 : Users should only be able to edit the latest MNCH visit/e…

packages/esm-commons-lib/src/components/encounter-list/encounter-list.component.tsx

@@ -8,7 +8,7 @@ import { OTable } from '../data-table/o-table.component';
 import { Button, Link, OverflowMenu, OverflowMenuItem, Pagination, DataTableSkeleton } from '@carbon/react';
 import { Add } from '@carbon/react/icons';
 import { OHRIFormSchema } from '@openmrs/openmrs-form-engine-lib';
-import { launchEncounterForm } from './helpers';
+import { launchEncounterForm, findEncounterLatestDateIndex } from './helpers';
 import { useEncounterRows } from '../../hooks/useEncounterRows';
 import { OpenmrsEncounter } from '../../api/types';
 import { useFormsJson } from '../../hooks/useFormsJson';
@@ -40,6 +40,7 @@ export interface EncounterListProps {
     workspaceWindowSize?: 'minimized' | 'maximized';
   };
   filter?: (encounter: any) => boolean;
+  disableEdit?: boolean;
 }
 
 export const EncounterList: React.FC<EncounterListProps> = ({
@@ -51,6 +52,7 @@ export const EncounterList: React.FC<EncounterListProps> = ({
   formList,
   filter,
   launchOptions,
+  disableEdit,
 }) => {
   const { t } = useTranslation();
   const [paginatedRows, setPaginatedRows] = useState([]);
@@ -67,7 +69,7 @@ export const EncounterList: React.FC<EncounterListProps> = ({
     onFormSave,
   } = useEncounterRows(patientUuid, encounterType, filter);
   const { moduleName, workspaceWindowSize, displayText, hideFormLauncher } = launchOptions;
-
+  
   const defaultActions = useMemo(
     () => [
       {
@@ -124,16 +126,16 @@ export const EncounterList: React.FC<EncounterListProps> = ({
 
   const constructPaginatedTableRows = useCallback(
     (encounters: OpenmrsEncounter[], currentPage: number, pageSize: number) => {
-      const startIndex = (currentPage - 1) * pageSize;
+            const startIndex = (currentPage - 1) * pageSize;
       const paginatedEncounters = [];
       for (let i = startIndex; i < startIndex + pageSize; i++) {
         if (i < encounters.length) {
           paginatedEncounters.push(encounters[i]);
         }
       }
-      const rows = paginatedEncounters.map((encounter) => {
+      const rows = paginatedEncounters.map((encounter, encounterIndex: number) => {
         const tableRow: { id: string; actions: any } = { id: encounter.uuid, actions: null };
-        // inject launch actions
+                // inject launch actions
         encounter['launchFormActions'] = {
           editEncounter: () =>
             launchEncounterForm(
@@ -180,7 +182,7 @@ export const EncounterList: React.FC<EncounterListProps> = ({
         });
         // If custom config is available, generate actions accordingly; otherwise, fallback to the default actions.
         const actions = tableRow.actions?.length ? tableRow.actions : defaultActions;
-        tableRow['actions'] = (
+                tableRow['actions'] = (
           <OverflowMenu flipped className={styles.flippedOverflowMenu}>
             {actions.map((actionItem, index) => (
               <OverflowMenuItem
@@ -198,6 +200,7 @@ export const EncounterList: React.FC<EncounterListProps> = ({
                     workspaceWindowSize,
                   );
                 }}
+                disabled={actionItem.label == 'Edit form' && disableEdit == true && findEncounterLatestDateIndex(encounters) != encounterIndex}
               />
             ))}
           </OverflowMenu>
@@ -212,7 +215,7 @@ export const EncounterList: React.FC<EncounterListProps> = ({
   useEffect(() => {
     if (encounters?.length) {
       constructPaginatedTableRows(encounters, currentPage, pageSize);
-    }
+          }
   }, [encounters, pageSize, constructPaginatedTableRows, currentPage]);
 
   const formLauncher = useMemo(() => {

packages/esm-commons-lib/src/components/encounter-list/helpers.ts

@@ -1,6 +1,7 @@
 import { OHRIFormSchema, SessionMode } from '@openmrs/openmrs-form-engine-lib';
 import { launchForm } from '../../utils/ohri-forms-commons';
 import { capitalize } from 'lodash-es';
+import { OpenmrsEncounter } from '../../api/types';
 
 type LaunchAction = 'add' | 'view' | 'edit';
 
@@ -26,3 +27,25 @@ export function launchEncounterForm(
     workspaceWindowSize,
   );
 }
+
+export const findEncounterLatestDateIndex = (encounters: OpenmrsEncounter[]) => {
+
+  if (!encounters || !encounters.length) {
+    return;
+  }
+
+  let latestDateIndex: number = 0;
+
+  for (let i = 1; i < encounters?.length; i++) {
+
+    const currentDate = new Date(encounters[i].encounterDatetime);
+    const latestDate = new Date(encounters[latestDateIndex].encounterDatetime);
+
+    if (currentDate > latestDate) {
+      latestDateIndex = i;
+    }
+  }
+
+  return latestDateIndex;
+
+}

packages/esm-ohri-pmtct-app/src/views/child-health/tabs/infant-postnatal-care.component.tsx

@@ -121,6 +121,7 @@ const InfantPostnatalList: React.FC<InfantPostnatalListProps> = ({ patientUuid }
         displayText: t('add', 'Add'),
         moduleName: moduleName,
       }}
+      disableEdit={true}
     />
   );
 };

packages/esm-ohri-pmtct-app/src/views/maternal-health/tabs/antenatal-care.component.tsx

@@ -117,6 +117,7 @@ const AntenatalCareList: React.FC<AntenatalCareListProps> = ({ patientUuid }) =>
         displayText: t('add', 'Add'),
         moduleName: moduleName,
       }}
+      disableEdit={true}
     />
   );
 };

packages/esm-ohri-pmtct-app/src/views/maternal-health/tabs/labour-delivery.component.tsx

@@ -101,6 +101,7 @@ const LabourDeliveryList: React.FC<LabourDeliveryListProps> = ({ patientUuid })
         displayText: t('add', 'Add'),
         moduleName: moduleName,
       }}
+      disableEdit={true}
     />
   );
 };

packages/esm-ohri-pmtct-app/src/views/maternal-health/tabs/postnatal-care.component.tsx

@@ -107,6 +107,7 @@ const PostnatalCareList: React.FC<PostnatalCareListProps> = ({ patientUuid }) =>
         displayText: t('add', 'Add'),
         moduleName: moduleName,
       }}
+      disableEdit={true}
     />
   );
 };