@undp/carbon-library 1.0.162 → 1.0.163-ndc-action-add-table-fixes.1

package/dist/cjs/index.js

@@ -19464,7 +19464,7 @@ var AddNdcActionComponent = function (props) {
                 React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
 };
 
-var css_248z$d = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n";
+var css_248z$d = ".ndc-details-view .card-container {\n  margin-bottom: 16px;\n  width: 100%;\n  border-radius: 10px; }\n  .ndc-details-view .card-container .co-benifits-view .title {\n    color: rgba(58, 53, 65, 0.8);\n    font-weight: 600;\n    margin-left: 0.5rem; }\n  .ndc-details-view .card-container .action-btns {\n    margin-top: 25px;\n    margin-bottom: -15px;\n    justify-content: end; }\n\n.ndc-details-view .fix-height {\n  height: 350px; }\n\n.title-icon {\n  padding-right: 10px; }\n\n.title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.title {\n  margin-bottom: 5px; }\n\n.ndc-action-report-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-report-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between;\n    margin: 5px 25px;\n    font-size: 0.8rem; }\n    .ndc-action-report-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-report-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-report-body .report-details .report-type .name {\n        font-weight: 500;\n        color: rgba(58, 53, 65, 0.6); }\n      .ndc-action-report-body .report-details .report-type .time {\n        color: rgba(58, 53, 65, 0.5);\n        width: max-content; }\n      .ndc-action-report-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%;\n        color: rgba(58, 53, 65, 0.6); }\n      .ndc-action-report-body .report-details .report-type .empty {\n        font-weight: 500;\n        color: rgba(58, 53, 65, 0.6); }\n    .ndc-action-report-body .report-details .ant-row {\n      margin: 0px 30px auto; }\n    .ndc-action-report-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%; }\n      .ndc-action-report-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-report-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
 styleInject(css_248z$d);
 
 var css_248z$c = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .row {\n    display: flex;\n    width: 40%;\n    align-items: center;\n    justify-content: space-between; }\n    .info-view .field-value .row .key {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n    .info-view .field-value .row .data {\n      display: flex;\n      width: 50%;\n      align-items: center;\n      justify-content: flex-start; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
@@ -19559,15 +19559,19 @@ var NdcActionViewComponent = function (props) {
     var userInfoState = useUserContext().userInfoState;
     var post = useConnection().post;
     var state = useLocation().state;
-    var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
+    var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
     var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
-    var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
-    var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
-    var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
-    var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
-    var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
-    var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
-    var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
+    var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
+    var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
+    var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
+    var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
+    var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
+    var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
+    var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
+    var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
+    var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
+    var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
+    var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
     var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
         var response, error_1;
         var _a, _b, _c;
@@ -19609,13 +19613,16 @@ var NdcActionViewComponent = function (props) {
             }
         });
     }); };
-    var getProjectReportActions = function (reportData) {
+    var getProjectReportActions = function (reportData, reportVersion) {
         return (React.createElement(antd.Row, null,
             React.createElement("div", { className: "icon" },
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
             React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
-                React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
+                React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
+            (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
+                moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                " ~ " + reportVersion))));
     };
     var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
         var reportDetails, response, exception_1;
@@ -19663,12 +19670,24 @@ var NdcActionViewComponent = function (props) {
                                 if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
                                     setMonitoringReportAccepted(true);
                                 }
+                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                                var version = versionfull ? versionfull.split(".")[0] : "1";
+                                var moniteringVersion = version.startsWith("V") ? version : "V1";
                                 reportDetails[t("ndcAction:viewMoniteringReport")] =
-                                    getProjectReportActions(item);
+                                    getProjectReportActions(item, moniteringVersion);
+                                setMonitoringReportData(item);
+                                setMonitoringReportversion(moniteringVersion);
                             }
                             else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
+                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
+                                var version = versionfull ? versionfull.split(".")[0] : "1";
+                                var verificationVersion = version.startsWith("V")
+                                    ? version
+                                    : "V1";
                                 reportDetails[t("ndcAction:viewVerificationReport")] =
-                                    getProjectReportActions(item);
+                                    getProjectReportActions(item, verificationVersion);
+                                setVerificationReportData(item);
+                                setVerificationReportversion(verificationVersion);
                             }
                         });
                     }
@@ -19922,8 +19941,60 @@ var NdcActionViewComponent = function (props) {
                 React.createElement(antd.Col, { lg: 8, md: 24 },
                     React.createElement(antd.Skeleton, { loading: isLoading, active: true },
                         React.createElement(antd.Card, { className: "card-container fix-height" },
-                            React.createElement("div", null,
-                                React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
+                            React.createElement("div", { className: "title" },
+                                React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
+                                React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
+                            React.createElement("div", { className: "ndc-action-report-body" },
+                                React.createElement("div", { className: "report-details" },
+                                    React.createElement("div", { className: "report-type" },
+                                        React.createElement("div", { className: "name-time-container" },
+                                            React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
+                                                    ? "name"
+                                                    : "empty" }, t("programme:monitoringReport")),
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
+                                                moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                                                " ~ " + monitoringReportversion))),
+                                        React.createElement("div", { className: "icon" }, !(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
+                                                ? t("programme:notAuthToUploadDoc")
+                                                : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
+                                                    ? !canUploadMonitorReport &&
+                                                        t("programme:programmeNotAuth")
+                                                    : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
+                                            React.createElement(icons.FileAddOutlined, null))))),
+                                    (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
+                                        React.createElement("div", { className: "icon" },
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
+                                                exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                                            (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
+                                                exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
+                                        React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
+                                            linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
+                                            React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
+                                React.createElement("div", { className: "report-details" },
+                                    React.createElement("div", { className: "report-type" },
+                                        React.createElement("div", { className: "name-time-container" },
+                                            React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
+                                                    ? "name"
+                                                    : "empty" }, t("programme:verificationReport")),
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
+                                                moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
+                                                " ~ " + verificationReportVersion))),
+                                        React.createElement("div", { className: "icon" }, !(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
+                                                ? t("programme:notAuthToUploadDoc")
+                                                : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
+                                                    ? !monitoringReportAccepted &&
+                                                        t("programme:monitoringRepNotApproved")
+                                                    : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
+                                            React.createElement(icons.FileAddOutlined, null))))),
+                                    (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
+                                        React.createElement("div", { className: "icon" },
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
+                                                exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
+                                            (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
+                                                exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
+                                        React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
+                                            linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
+                                            React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
             ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
                 (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
                 React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -24544,36 +24615,61 @@ var NdcDetailsComponent = function (props) {
     var inRange = function (num, min, max) {
         return num >= min && num <= max;
     };
-    var handleSave = function (row) {
-        if (row.type === NdcActionType.main) {
-            var newData = __spreadArray([], ndcDetailsData, true);
-            var index = newData.findIndex(function (item) { return row.key === item.key; });
-            var item = newData[index];
-            newData.splice(index, 1, __assign(__assign({}, item), row));
-            setNdcDetailsData(newData);
+    function onAddNewSubNdcDetail() {
+        var range = selectedTab.split('-');
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
+        var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
+        if (ndcDetail) {
+            addedNdcDetailId.current = addedNdcDetailId.current + 1;
+            var newData = {
+                key: addedNdcDetailId.current,
+                startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
+                endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
+                ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
+                nationalPlanObj: '',
+                kpi: '',
+                ministry: '',
+            };
+            if (!ndcDetail.subNdcDetails) {
+                ndcDetail.subNdcDetails = [];
+            }
+            ndcDetail.subNdcDetails.push(newData);
         }
-        else {
-            var newData = __spreadArray([], ndcDetailsData, true);
-            var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
-            var parentItem = newData[parentIndex];
-            if (parentItem) {
-                if (parentItem.subNdcDetails) {
-                    var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
-                    if (itemIndex === -1) {
-                        parentItem.subNdcDetails.push(row);
+        ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
+        setNdcDetailsData(ndcDetailsData);
+        setTableKey(function (key) { return key + 1; });
+    }
+    var handleSave = function (row) {
+        setNdcDetailsData(function (prevData) {
+            var newData = JSON.parse(JSON.stringify(prevData));
+            if (row.type === NdcActionType.main) {
+                var index = newData.findIndex(function (item) { return row.key === item.key; });
+                if (index !== -1) {
+                    newData[index] = __assign(__assign({}, newData[index]), row);
+                }
+            }
+            else {
+                var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
+                var parentItem = newData[parentIndex];
+                if (parentItem) {
+                    if (parentItem.subNdcDetails) {
+                        var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
+                        if (itemIndex === -1) {
+                            parentItem.subNdcDetails.push(row);
+                        }
+                        else {
+                            parentItem.subNdcDetails[itemIndex] = __assign({}, row);
+                        }
                     }
                     else {
-                        parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
+                        parentItem.subNdcDetails = [row];
                     }
                 }
-                else {
-                    parentItem.subNdcDetails = [row];
-                }
+                newData[parentIndex] = __assign({}, parentItem);
+                setTableKey(function (key) { return key + 1; });
             }
-            newData.splice(parentIndex, 1, __assign({}, parentItem));
-            setNdcDetailsData(newData);
-            setTableKey(function (key) { return key + 1; });
-        }
+            return newData;
+        });
     };
     var getNdcDetailsForPeriod = function () {
         var range = selectedTab.split("-");
@@ -24588,8 +24684,18 @@ var NdcDetailsComponent = function (props) {
         }
     };
     var getSubNdcDetails = function (key) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
         var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
         if (ndcDetail) {
+            if (((_b = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_a = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _a === void 0 ? void 0 : _a.length) - 1]) === null || _b === void 0 ? void 0 : _b.ministry.trim()) !== '' &&
+                ((_d = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_c = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _c === void 0 ? void 0 : _c.length) - 1]) === null || _d === void 0 ? void 0 : _d.ministry) &&
+                ((_f = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_e = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _e === void 0 ? void 0 : _e.length) - 1]) === null || _f === void 0 ? void 0 : _f.nationalPlanObj.trim()) !==
+                    '' &&
+                ((_h = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_g = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _g === void 0 ? void 0 : _g.length) - 1]) === null || _h === void 0 ? void 0 : _h.nationalPlanObj) &&
+                String((_k = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_j = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _j === void 0 ? void 0 : _j.length) - 1]) === null || _k === void 0 ? void 0 : _k.kpi).trim() !== '' &&
+                String((_m = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails[((_l = ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.subNdcDetails) === null || _l === void 0 ? void 0 : _l.length) - 1]) === null || _m === void 0 ? void 0 : _m.kpi)) {
+                onAddNewSubNdcDetail();
+            }
             return ndcDetail.subNdcDetails;
         }
         else {
@@ -24605,7 +24711,7 @@ var NdcDetailsComponent = function (props) {
             editable: true,
             width: "50%",
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
-                React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", disabled: true, type: "text" })))); },
+                React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
         },
         {
             title: t("ndc:ndcColumnsKpi"),
@@ -24615,7 +24721,7 @@ var NdcDetailsComponent = function (props) {
             editable: true,
             width: "10%",
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
-                React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", disabled: true, type: "text" })))); },
+                React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
         },
         {
             title: "Ministry",
@@ -24625,7 +24731,7 @@ var NdcDetailsComponent = function (props) {
             editable: true,
             width: "40%",
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(antd.Space, { size: "middle" },
-                React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", disabled: true, type: "text" })))); },
+                React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", type: "text" })))); },
         },
     ];
     var columns = defaultColumns.map(function (col) {
@@ -25689,7 +25795,7 @@ var RejectDocumentationConfirmationModel = function (props) {
                 React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
 };
 
-var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
+var css_248z$2 = ".ndc-action-body {\n  display: flex;\n  flex-direction: column;\n  width: 100%; }\n  .ndc-action-body .report-details {\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    align-items: center;\n    justify-content: space-between; }\n    .ndc-action-body .report-details .report-type {\n      display: flex;\n      flex-direction: row;\n      width: 60%; }\n      .ndc-action-body .report-details .report-type .name-time-container {\n        display: flex;\n        flex-direction: column;\n        width: 70%;\n        margin-bottom: 0.5rem; }\n      .ndc-action-body .report-details .report-type .name {\n        font-weight: 600;\n        color: rgba(58, 53, 65, 0.8); }\n      .ndc-action-body .report-details .report-type .icon {\n        display: flex;\n        align-items: center;\n        width: 30%; }\n      .ndc-action-body .report-details .report-type .empty {\n        font-weight: 600;\n        color: #cacaca; }\n    .ndc-action-body .report-details .report-link {\n      display: flex;\n      flex-direction: row;\n      width: 40%;\n      align-items: center;\n      justify-content: flex-start;\n      gap: 20px; }\n      .ndc-action-body .report-details .report-link .version {\n        font-weight: 600;\n        color: #cacaca; }\n      .ndc-action-body .report-details .report-link .link {\n        margin-left: 1rem; }\n";
 styleInject(css_248z$2);
 
 var NdcActionBody = function (props) {
@@ -25907,8 +26013,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (canUploadMonitorReport &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadMonitor();
@@ -25931,8 +26037,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (canUploadMonitorReport &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadMonitor();
@@ -25981,8 +26087,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (monitoringReportAccepted &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadVerification();
@@ -26005,8 +26111,8 @@ var NdcActionBody = function (props) {
                                     : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     if (monitoringReportAccepted &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
                                         handleFileUploadVerification();
@@ -26020,7 +26126,7 @@ var NdcActionBody = function (props) {
         React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
 };
 
-var css_248z$1 = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-key .label-container {\n    display: flex;\n    flex-direction: row; }\n  .info-view .field-key .label {\n    width: 70%; }\n  .info-view .field-key .label-uploaded {\n    color: rgba(58, 53, 65, 0.8);\n    width: 70%; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .link {\n    display: flex;\n    flex-direction: row; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
+var css_248z$1 = ".info-view .title-icon {\n  padding-right: 10px; }\n\n.info-view .title-text {\n  color: rgba(58, 53, 65, 0.8);\n  font-weight: 600; }\n\n.info-view .title {\n  margin-bottom: 5px; }\n\n.info-view .field-key {\n  color: rgba(58, 53, 65, 0.6);\n  font-weight: 500;\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-key .label-container {\n    display: flex;\n    flex-direction: row; }\n  .info-view .field-key .label {\n    width: 70%; }\n  .info-view .field-key .label-uploaded {\n    color: rgba(58, 53, 65, 0.8);\n    width: 70%; }\n\n.info-view .field-value {\n  color: rgba(58, 53, 65, 0.6);\n  text-overflow: ellipsis;\n  overflow: hidden; }\n  .info-view .field-value .link {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 20px; }\n\n.info-view .field {\n  margin: 15px 25px;\n  font-size: 0.8rem; }\n";
 styleInject(css_248z$1);
 
 var ProgrammeDocuments = function (props) {
@@ -26294,8 +26400,8 @@ var ProgrammeDocuments = function (props) {
                                     ? t("programme:notAuthToUploadDoc")
                                     : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                         return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
                                     } })),
                             React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26308,8 +26414,8 @@ var ProgrammeDocuments = function (props) {
                                 ? t("programme:notAuthToUploadDoc")
                                 : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
                                 } })),
                         React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26362,8 +26468,8 @@ var ProgrammeDocuments = function (props) {
                                     : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca" }, onClick: function () {
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                         return designDocStatus === exports.DocumentStatus.ACCEPTED &&
                                             uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
                                             handleMethodologyFileUpload();
@@ -26382,8 +26488,8 @@ var ProgrammeDocuments = function (props) {
                                     : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
                                     uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     return designDocStatus === exports.DocumentStatus.ACCEPTED &&
                                         uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
                                         handleMethodologyFileUpload();
@@ -26437,8 +26543,8 @@ var ProgrammeDocuments = function (props) {
                             React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
                                 React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
                                         !isProjectRejected
-                                        ? { color: "#3F3A47", cursor: "pointer" }
-                                        : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                        ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                        : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                         return uploadImpactAssessmentDocUserPermission &&
                                             !isProjectRejected &&
                                             handleImpactAssessmentFileUpload();
@@ -26451,8 +26557,8 @@ var ProgrammeDocuments = function (props) {
                         React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
                             React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
                                     !isProjectRejected
-                                    ? { color: "#3F3A47", cursor: "pointer" }
-                                    : { color: "#cacaca", cursor: "default" }, onClick: function () {
+                                    ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
+                                    : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
                                     return uploadImpactAssessmentDocUserPermission &&
                                         !isProjectRejected &&
                                         handleImpactAssessmentFileUpload();