Changes role access

health/micro-ui/web/micro-ui-internals/example/public/index.html

@@ -16,7 +16,7 @@
   /> -->
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].6/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected].7/dist/index.css" />
 
   <!-- added below css for hcm-workbench module inclusion-->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/[email protected]/dist/index.css" /> -->

health/micro-ui/web/micro-ui-internals/packages/css/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <[email protected]>",

health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss

@@ -2590,7 +2590,7 @@ $border-color: rgba(214, 213, 212, 1);
 
 .digit-popup-wrapper.roleComposer {
   max-width: max-content;
-  min-width: 100rem;
+  min-width: 90vw;
 }
 
 .search-field-wrapper.roleComposer {
@@ -2623,6 +2623,7 @@ $border-color: rgba(214, 213, 212, 1);
 .digit-multiselectdropdown-wrap.roleTableCell.nestedmultiselect {
   margin: 0;
   width: 15rem;
+  min-width: 15rem !important;
   .digit-multiselectdropdown-server {
     top: unset !important;
     position: fixed !important;

health/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/RoleTableComposer.js

@@ -28,6 +28,9 @@ function RoleTableComposer({ nationalRoles }) {
   const { mutate: planEmployeeUpdate } = Digit.Hooks.microplanv1.usePlanEmployeeUpdate();
 
   const topBoundary = state?.boundaryHierarchy.find(boundary => boundary.parentBoundaryType === null);
+  const topBoundaryValue = totalFormData?.BOUNDARY?.boundarySelection?.boundaryData?.Country
+  ? Object.values(totalFormData.BOUNDARY.boundarySelection.boundaryData.Country)[0]
+  : undefined;
   const { isLoading: isHrmsLoading, data: HrmsData, error: hrmsError, refetch: refetchHrms } = Digit.Hooks.microplanv1.useSearchHRMSEmployee({
     tenantId: tenantId,
     microplanId: microplanId,
@@ -51,7 +54,8 @@ function RoleTableComposer({ nationalRoles }) {
               state?.boundaryHierarchy?.find(
                 (j) => j.boundaryType === data?.planData?.find((i) => i.employeeId === item?.user?.userServiceUuid)?.hierarchyLevel
               ),
-            selectedBoundaries: data?.planData?.find((i) => i.employeeId === item?.user?.userServiceUuid)?.jurisdiction,
+              selectedBoundaries: nationalRoles?.includes(category) ? topBoundaryValue :
+              data?.planData?.find((i) => i.employeeId === item?.user?.userServiceUuid)?.jurisdiction,
             userServiceUuid: item?.user?.userServiceUuid,
             planData: data?.planData?.find((i) => i.employeeId === item?.user?.userServiceUuid),
           };
@@ -80,13 +84,15 @@ function RoleTableComposer({ nationalRoles }) {
           userServiceUuid: employee?.userServiceUuid,
           selectedHierarchy: employee?.selectedHierarchy || null,
           boundaryOptions: boundaryOptions || [],
-          selectedBoundaries: filteredBoundary.filter((item) => employee?.selectedBoundaries?.includes(item?.code)) || [],
-        };
+          selectedBoundaries: nationalRoles?.includes(category)
+            ? filteredBoundary.filter((item) => employee?.selectedBoundaries?.includes(topBoundaryValue))
+            : filteredBoundary.filter((item) => employee?.selectedBoundaries?.includes(item?.code)) || [],
+        }; // Closing brace for the returned object
       });
-
+  
       setRowData(initializedRowData); // Set the initialized data in the state
     }
-  }, [HrmsData]);
+  }, [HrmsData]);  
 
   useEffect(() => {
     refetchHrms();
@@ -314,6 +320,7 @@ function RoleTableComposer({ nationalRoles }) {
       name: t("SELECTED_BOUNDARY"),
       cell: (row) => (
         <MultiSelectDropdown
+          disabled={nationalRoles?.includes(category) ? true : false}
           props={{ className: "roleTableCell" }}
           t={t}
           options={rowData?.find((item) => item?.rowIndex === row?.rowIndex)?.boundaryOptions || []}
@@ -424,6 +431,7 @@ function RoleTableComposer({ nationalRoles }) {
           </div>
         </div>
       </Card>
+      <div style={{overflowY:"scroll"}}>
       <DataTable
         columns={columns}
         data={HrmsData?.data}
@@ -435,6 +443,7 @@ function RoleTableComposer({ nationalRoles }) {
         paginationPerPage={rowsPerPage}
         paginationRowsPerPageOptions={[5, 10, 15, 20]}
       />
+      </div>
       {showToast && (
         <Toast
           type={showToast?.key === "error" ? "error" : showToast?.key === "info" ? "info" : showToast?.key === "warning" ? "warning" : "success"}