Fixed Audit issues (#1918)

Co-authored-by: rachana-egov <rachana.singh@egovernment.org>
egovernments · Nov 28, 2024 · 3c9a50a · 3c9a50a
1 parent 3621550
commit 3c9a50a
Show file tree

Hide file tree

Showing 14 changed files with 30 additions and 17 deletions.
diff --git a/health/micro-ui/web/micro-ui-internals/example/public/index.html b/health/micro-ui/web/micro-ui-internals/example/public/index.html
@@ -12,7 +12,7 @@
   <title>DIGIT</title>
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.3/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.41/dist/index.css" />
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.1.45/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.1.46/dist/index.css" />
 
   <!-- added below css for hcm-workbench module inclusion-->
   <!-- <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.5.41/dist/index.css" /> -->

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/package.json b/health/micro-ui/web/micro-ui-internals/packages/css/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@egovernments/digit-ui-health-css",
-  "version": "0.1.45",
+  "version": "0.1.46",
   "license": "MIT",
   "main": "dist/index.css",
   "author": "Jagankumar <jagan.kumar@egov.org.in>",

diff --git a/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss b/health/micro-ui/web/micro-ui-internals/packages/css/src/components/microplanning.scss
@@ -2595,25 +2595,31 @@ $border-color: rgba(214, 213, 212, 1);
 .kpi-container {
   display: flex;
   flex-direction: row;
-  justify-content: space-around;
+  justify-content: space-between; 
+  gap: 1rem; 
+  overflow-x: auto; 
+  padding: 8px; 
+  width: 100%;
 }
 
 .kpi-card {
   text-align: center;
-  width: 120px;
+  display: grid;
+  justify-content: center;
+  flex-shrink: 0; 
 }
 
 .kpi-card h2 {
   @extend .typography.heading-xl;
   margin: 0;
-  color: theme(digitv2.lightTheme.primary-2);
-  /* Custom color */
+  color: theme(digitv2.lightTheme.primary-2); 
 }
 
 .kpi-card p {
   margin: 0;
   @extend .typography.heading-m;
   color: theme(digitv2.lightTheme.text-secondary);
+  white-space: nowrap; /* Prevent text wrapping inside the card */
 }
 
 .assumptionsForm-label-field {

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssigneeChips.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssigneeChips.js
@@ -8,7 +8,7 @@ const AssigneeChips = ({ assignees = [], assigneeNames, heading }) => {
   const [showPopUp, setShowPopUp] = useState(false);
 
   return (
-    <div className="digit-tag-container" style={{ minWidth: "unset", margin: "0rem", gap: "0rem" }}>
+    <div className="digit-tag-container" style={{margin: "0rem", gap: "0rem" }}>
       {assignees.length > 0 && (
         <Chip
           key={0}
@@ -25,7 +25,7 @@ const AssigneeChips = ({ assignees = [], assigneeNames, heading }) => {
         />
       )}
 
-      {assignees.length > 1 && (
+      {assignees.length > 1 && ( 
         <Button
           label={`+${assignees.length - 1} ${t("ES_MORE")}`}
           onClick={() => setShowPopUp(true)}

diff --git a/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsList.js b/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/AssumptionsList.js
@@ -41,7 +41,7 @@ const AssumptionsList = ({ customProps, setupCompleted }) => {
     const orderedKeys = ["selectedRegistrationProcess", "selectedDistributionProcess", "selectedRegistrationDistributionMode"];
 
     return (
-        <div style={{ marginBottom: "2.5rem" }}>
+        <div style={{ marginBottom: "1.5rem" }}>
             <Card className="middle-child">
                 <Header className="summary-main-heading">{t(`MICROPLAN_ESTIMATION_ASSUMPTIONS_HEADING`)} </Header>
                 {orderedKeys.map((key, index) => {
@@ -72,6 +72,7 @@ const AssumptionsList = ({ customProps, setupCompleted }) => {
                                 label={t("WBH_EDIT")}
                                 variation="secondary"
                                 icon={"Edit"}
+                                size="medium"
                                 type="button"
                                 onClick={(e) => {
                                     const urlParams = Digit.Hooks.useQueryParams();

diff --git a/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/CampaignBoundary.js b/...o-ui/web/micro-ui-internals/packages/modules/microplan/src/components/CampaignBoundary.js
@@ -321,6 +321,7 @@ const CampaignBoundary = ({ customProps, setupCompleted }) => {
                       variation="secondary"
                       icon={"Edit"}
                       type="button"
+                      size="medium"
                       onClick={(e) => {
                         editHandler();
                       }}

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/DataMgmtComponent.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/DataMgmtComponent.js
@@ -21,8 +21,8 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
     //                         "templateIdentifier": "Population"
     // }
     return (
-        <>
-            <Card className="middle-child">
+        <div style={{ marginBottom: "1.5rem" }}>
+            <Card className="middle-child" >
                 <Header className="summary-main-heading">{t(`MICROPLAN_DATA_CONFIGURATION_HEADING`)} </Header>
             </Card>
             <Card className="mp-margin-bottom">
@@ -36,6 +36,7 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
                             label={t("WBH_EDIT")}
                             variation="secondary"
                             icon={"Edit"}
+                            size="medium"
                             type="button"
                             onClick={(e) => {
                                 const url = Digit.Hooks.useQueryParams();
@@ -84,6 +85,7 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
                             label={t("WBH_EDIT")}
                             variation="secondary"
                             icon={"Edit"}
+                            size="medium"
                             type="button"
                             onClick={(e) => {
                                 const url = Digit.Hooks.useQueryParams();
@@ -119,7 +121,7 @@ export const DataMgmtComponent = ({ customProps, setupCompleted }) => {
 
 
             </Card>
-        </>
+        </div>
 
 
     )

diff --git a/...i/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigScreen.js b/...i/web/micro-ui-internals/packages/modules/microplan/src/components/FormulaConfigScreen.js
@@ -36,7 +36,7 @@ const FormulaConfigScreen = ({ customProps, setupCompleted }) => {
 
 
     return (
-        <div style={{ marginBottom: "2.5rem" }}>
+        <div style={{ marginBottom: "1.5rem" }}>
             <Card className="middle-child">
                 <Header className="summary-main-heading">{t(`MICROPLAN_FORMULA_CONFIGURATION_HEADING`)} </Header>
             </Card>
@@ -52,6 +52,7 @@ const FormulaConfigScreen = ({ customProps, setupCompleted }) => {
                                     label={t("WBH_EDIT")}
                                     variation="secondary"
                                     icon={"Edit"}
+                                    size="medium"
                                     type="button"
                                     onClick={(e) => {
                                         const urlParams = Digit.Hooks.useQueryParams();

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/PopInboxTable.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/PopInboxTable.js
@@ -66,7 +66,6 @@ const PopInboxTable = ({ ...props }) => {
             t("ES_COMMON_NA")
           ),
         sortable: false,
-        width: "180px",
       },
       ...(props?.censusData?.[0]?.additionalFields || [])
         .filter((field) => field.showOnUi)

diff --git a/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/RoleTableComposer.js b/...-ui/web/micro-ui-internals/packages/modules/microplan/src/components/RoleTableComposer.js
@@ -446,6 +446,8 @@ function RoleTableComposer({ nationalRoles }) {
               !rowData?.find((item) => item?.rowIndex === row?.rowIndex)?.selectedBoundaries ||
               rowData?.find((item) => item?.rowIndex === row?.rowIndex)?.selectedBoundaries?.length === 0
             }
+            style={{width:"100%"}}
+            size="medium"
             className={"roleTableCell"}
             variation={isUserAlreadyAssignedActive ? "secondary" : "primary"}
             label={isUserAlreadyAssignedActive ? t(`UNASSIGN`) : t(`ASSIGN`)}

diff --git a/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UserAccess.js b/...h/micro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/UserAccess.js
@@ -257,8 +257,9 @@ function UserAccess({ category, setData, nationalRoles }) {
             className={"roleTableCell"}
             variation={"secondary"}
             label={t(`UNASSIGN`)}
+            size="medium"
             title={t(`UNASSIGN`)}
-            style={{ padding: "1rem" }}
+            style={{ padding: "1rem", width:"100%" }}
             icon={"Close"}
             isSuffix={false}
             onClick={(value) => setUnassignPopup(row)}

diff --git a/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/subBoundaryView.js b/...ro-ui/web/micro-ui-internals/packages/modules/microplan/src/components/subBoundaryView.js
@@ -26,6 +26,7 @@ const SubBoundaryView = ({ title, arr, style, editHandler, isEditable, headerSty
               {isEditable && editHandler && <Button
                 label={t("WBH_EDIT")}
                 variation="secondary"
+                size="medium"
                 icon={"Edit"}
                 type="button"
                 onClick={(e) => {

diff --git a/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/PlanInbox.js b/...icro-ui/web/micro-ui-internals/packages/modules/microplan/src/pages/employee/PlanInbox.js
@@ -594,7 +594,6 @@ const PlanInbox = () => {
           t("ES_COMMON_NA")
         ),
       sortable: false,
-      width: "180px",
     },
     {
       name: t(`HCM_MICROPLAN_SERVING_FACILITY`),

diff --git a/health/micro-ui/web/public/index.html b/health/micro-ui/web/public/index.html
@@ -10,7 +10,7 @@
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-css@1.8.3/dist/index.css" />
   <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-components-css@0.0.2-beta.41/dist/index.css" />
   <!-- added below css for hcm-workbench module inclusion-->
-  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.1.45/dist/index.css" />
+  <link rel="stylesheet" href="https://unpkg.com/@egovernments/digit-ui-health-css@0.1.46/dist/index.css" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="theme-color" content="#00bcd1" />
   <title>DIGIT HCM</title>