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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/cjs/index.js +170 -64
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +170 -64
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -19444,7 +19444,7 @@ var AddNdcActionComponent = function (props) {
19444
19444
  React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
19445
19445
  };
19446
19446
 
19447
- 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";
19447
+ 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";
19448
19448
  styleInject(css_248z$d);
19449
19449
 
19450
19450
  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";
@@ -19539,15 +19539,19 @@ var NdcActionViewComponent = function (props) {
19539
19539
  var userInfoState = useUserContext().userInfoState;
19540
19540
  var post = useConnection().post;
19541
19541
  var state = useLocation().state;
19542
- var _d = useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19542
+ var _d = useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19543
19543
  var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
19544
- var _f = useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
19545
- var _g = useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
19546
- var _h = useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
19547
- var _j = useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
19548
- var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
19549
- var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
19550
- var _m = useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19544
+ var _f = useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19545
+ var _g = useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19546
+ var _h = useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19547
+ var _j = useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19548
+ var _k = useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19549
+ var _l = useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19550
+ var _m = useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19551
+ var _o = useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19552
+ var _p = useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19553
+ var _q = useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19554
+ var _r = useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19551
19555
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19552
19556
  var response, error_1;
19553
19557
  var _a, _b, _c;
@@ -19589,13 +19593,16 @@ var NdcActionViewComponent = function (props) {
19589
19593
  }
19590
19594
  });
19591
19595
  }); };
19592
- var getProjectReportActions = function (reportData) {
19596
+ var getProjectReportActions = function (reportData, reportVersion) {
19593
19597
  return (React.createElement(Row, null,
19594
19598
  React.createElement("div", { className: "icon" },
19595
19599
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19596
19600
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19597
19601
  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 },
19598
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19602
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19603
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19604
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19605
+ " ~ " + reportVersion))));
19599
19606
  };
19600
19607
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19601
19608
  var reportDetails, response, exception_1;
@@ -19643,12 +19650,24 @@ var NdcActionViewComponent = function (props) {
19643
19650
  if ((item === null || item === void 0 ? void 0 : item.status) === DocumentStatus.ACCEPTED) {
19644
19651
  setMonitoringReportAccepted(true);
19645
19652
  }
19653
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19654
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19655
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
19646
19656
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19647
- getProjectReportActions(item);
19657
+ getProjectReportActions(item, moniteringVersion);
19658
+ setMonitoringReportData(item);
19659
+ setMonitoringReportversion(moniteringVersion);
19648
19660
  }
19649
19661
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19662
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19663
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19664
+ var verificationVersion = version.startsWith("V")
19665
+ ? version
19666
+ : "V1";
19650
19667
  reportDetails[t("ndcAction:viewVerificationReport")] =
19651
- getProjectReportActions(item);
19668
+ getProjectReportActions(item, verificationVersion);
19669
+ setVerificationReportData(item);
19670
+ setVerificationReportversion(verificationVersion);
19652
19671
  }
19653
19672
  });
19654
19673
  }
@@ -19902,8 +19921,60 @@ var NdcActionViewComponent = function (props) {
19902
19921
  React.createElement(Col, { lg: 8, md: 24 },
19903
19922
  React.createElement(Skeleton, { loading: isLoading, active: true },
19904
19923
  React.createElement(Card, { className: "card-container fix-height" },
19905
- React.createElement("div", null,
19906
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon.FileEarmarkText, null) })))))),
19924
+ React.createElement("div", { className: "title" },
19925
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon.FileEarmarkText, null)),
19926
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19927
+ React.createElement("div", { className: "ndc-action-report-body" },
19928
+ React.createElement("div", { className: "report-details" },
19929
+ React.createElement("div", { className: "report-type" },
19930
+ React.createElement("div", { className: "name-time-container" },
19931
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19932
+ ? "name"
19933
+ : "empty" }, t("programme:monitoringReport")),
19934
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19935
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19936
+ " ~ " + monitoringReportversion))),
19937
+ React.createElement("div", { className: "icon" }, !(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
19938
+ ? t("programme:notAuthToUploadDoc")
19939
+ : uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId)
19940
+ ? !canUploadMonitorReport &&
19941
+ t("programme:programmeNotAuth")
19942
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19943
+ React.createElement(FileAddOutlined, null))))),
19944
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(Row, null,
19945
+ React.createElement("div", { className: "icon" },
19946
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19947
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19948
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19949
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19950
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19951
+ 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 },
19952
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19953
+ React.createElement("div", { className: "report-details" },
19954
+ React.createElement("div", { className: "report-type" },
19955
+ React.createElement("div", { className: "name-time-container" },
19956
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19957
+ ? "name"
19958
+ : "empty" }, t("programme:verificationReport")),
19959
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19960
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19961
+ " ~ " + verificationReportVersion))),
19962
+ React.createElement("div", { className: "icon" }, !(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
19963
+ ? t("programme:notAuthToUploadDoc")
19964
+ : uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId)
19965
+ ? !monitoringReportAccepted &&
19966
+ t("programme:monitoringRepNotApproved")
19967
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19968
+ React.createElement(FileAddOutlined, null))))),
19969
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(Row, null,
19970
+ React.createElement("div", { className: "icon" },
19971
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19972
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19973
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19974
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19975
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19976
+ 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 },
19977
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19907
19978
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Mitigation ||
19908
19979
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.CrossCutting) && (React.createElement(Row, null,
19909
19980
  React.createElement(Col, { lg: 24, className: "gutter-row" },
@@ -24524,36 +24595,61 @@ var NdcDetailsComponent = function (props) {
24524
24595
  var inRange = function (num, min, max) {
24525
24596
  return num >= min && num <= max;
24526
24597
  };
24527
- var handleSave = function (row) {
24528
- if (row.type === NdcActionType.main) {
24529
- var newData = __spreadArray([], ndcDetailsData, true);
24530
- var index = newData.findIndex(function (item) { return row.key === item.key; });
24531
- var item = newData[index];
24532
- newData.splice(index, 1, __assign(__assign({}, item), row));
24533
- setNdcDetailsData(newData);
24598
+ function onAddNewSubNdcDetail() {
24599
+ var range = selectedTab.split('-');
24600
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
24601
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
24602
+ if (ndcDetail) {
24603
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24604
+ var newData = {
24605
+ key: addedNdcDetailId.current,
24606
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24607
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24608
+ ndcActionId: ndcDetail === null || ndcDetail === void 0 ? void 0 : ndcDetail.key,
24609
+ nationalPlanObj: '',
24610
+ kpi: '',
24611
+ ministry: '',
24612
+ };
24613
+ if (!ndcDetail.subNdcDetails) {
24614
+ ndcDetail.subNdcDetails = [];
24615
+ }
24616
+ ndcDetail.subNdcDetails.push(newData);
24534
24617
  }
24535
- else {
24536
- var newData = __spreadArray([], ndcDetailsData, true);
24537
- var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24538
- var parentItem = newData[parentIndex];
24539
- if (parentItem) {
24540
- if (parentItem.subNdcDetails) {
24541
- var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24542
- if (itemIndex === -1) {
24543
- parentItem.subNdcDetails.push(row);
24618
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
24619
+ setNdcDetailsData(ndcDetailsData);
24620
+ setTableKey(function (key) { return key + 1; });
24621
+ }
24622
+ var handleSave = function (row) {
24623
+ setNdcDetailsData(function (prevData) {
24624
+ var newData = JSON.parse(JSON.stringify(prevData));
24625
+ if (row.type === NdcActionType.main) {
24626
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
24627
+ if (index !== -1) {
24628
+ newData[index] = __assign(__assign({}, newData[index]), row);
24629
+ }
24630
+ }
24631
+ else {
24632
+ var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24633
+ var parentItem = newData[parentIndex];
24634
+ if (parentItem) {
24635
+ if (parentItem.subNdcDetails) {
24636
+ var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24637
+ if (itemIndex === -1) {
24638
+ parentItem.subNdcDetails.push(row);
24639
+ }
24640
+ else {
24641
+ parentItem.subNdcDetails[itemIndex] = __assign({}, row);
24642
+ }
24544
24643
  }
24545
24644
  else {
24546
- parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
24645
+ parentItem.subNdcDetails = [row];
24547
24646
  }
24548
24647
  }
24549
- else {
24550
- parentItem.subNdcDetails = [row];
24551
- }
24648
+ newData[parentIndex] = __assign({}, parentItem);
24649
+ setTableKey(function (key) { return key + 1; });
24552
24650
  }
24553
- newData.splice(parentIndex, 1, __assign({}, parentItem));
24554
- setNdcDetailsData(newData);
24555
- setTableKey(function (key) { return key + 1; });
24556
- }
24651
+ return newData;
24652
+ });
24557
24653
  };
24558
24654
  var getNdcDetailsForPeriod = function () {
24559
24655
  var range = selectedTab.split("-");
@@ -24568,8 +24664,18 @@ var NdcDetailsComponent = function (props) {
24568
24664
  }
24569
24665
  };
24570
24666
  var getSubNdcDetails = function (key) {
24667
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
24571
24668
  var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24572
24669
  if (ndcDetail) {
24670
+ 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()) !== '' &&
24671
+ ((_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) &&
24672
+ ((_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()) !==
24673
+ '' &&
24674
+ ((_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) &&
24675
+ 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() !== '' &&
24676
+ 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)) {
24677
+ onAddNewSubNdcDetail();
24678
+ }
24573
24679
  return ndcDetail.subNdcDetails;
24574
24680
  }
24575
24681
  else {
@@ -24585,7 +24691,7 @@ var NdcDetailsComponent = function (props) {
24585
24691
  editable: true,
24586
24692
  width: "50%",
24587
24693
  render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
24588
- React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", disabled: true, type: "text" })))); },
24694
+ React.createElement("span", null, record.nationalPlanObj))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
24589
24695
  },
24590
24696
  {
24591
24697
  title: t("ndc:ndcColumnsKpi"),
@@ -24595,7 +24701,7 @@ var NdcDetailsComponent = function (props) {
24595
24701
  editable: true,
24596
24702
  width: "10%",
24597
24703
  render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
24598
- React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", disabled: true, type: "text" })))); },
24704
+ React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
24599
24705
  },
24600
24706
  {
24601
24707
  title: "Ministry",
@@ -24605,7 +24711,7 @@ var NdcDetailsComponent = function (props) {
24605
24711
  editable: true,
24606
24712
  width: "40%",
24607
24713
  render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObj ? (React.createElement(Space, { size: "middle" },
24608
- React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", disabled: true, type: "text" })))); },
24714
+ React.createElement("span", null, record.ministry))) : (React.createElement("input", { placeholder: "Please add the Ministry name", className: "ant-input", type: "text" })))); },
24609
24715
  },
24610
24716
  ];
24611
24717
  var columns = defaultColumns.map(function (col) {
@@ -25669,7 +25775,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25669
25775
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25670
25776
  };
25671
25777
 
25672
- 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";
25778
+ 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";
25673
25779
  styleInject(css_248z$2);
25674
25780
 
25675
25781
  var NdcActionBody = function (props) {
@@ -25887,8 +25993,8 @@ var NdcActionBody = function (props) {
25887
25993
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25888
25994
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25889
25995
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25890
- ? { color: "#3F3A47", cursor: "pointer" }
25891
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25996
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25997
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25892
25998
  if (canUploadMonitorReport &&
25893
25999
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25894
26000
  handleFileUploadMonitor();
@@ -25911,8 +26017,8 @@ var NdcActionBody = function (props) {
25911
26017
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25912
26018
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25913
26019
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25914
- ? { color: "#3F3A47", cursor: "pointer" }
25915
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26020
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26021
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25916
26022
  if (canUploadMonitorReport &&
25917
26023
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25918
26024
  handleFileUploadMonitor();
@@ -25961,8 +26067,8 @@ var NdcActionBody = function (props) {
25961
26067
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25962
26068
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25963
26069
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25964
- ? { color: "#3F3A47", cursor: "pointer" }
25965
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26070
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26071
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25966
26072
  if (monitoringReportAccepted &&
25967
26073
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25968
26074
  handleFileUploadVerification();
@@ -25985,8 +26091,8 @@ var NdcActionBody = function (props) {
25985
26091
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25986
26092
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25987
26093
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25988
- ? { color: "#3F3A47", cursor: "pointer" }
25989
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26094
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26095
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25990
26096
  if (monitoringReportAccepted &&
25991
26097
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25992
26098
  handleFileUploadVerification();
@@ -26000,7 +26106,7 @@ var NdcActionBody = function (props) {
26000
26106
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
26001
26107
  };
26002
26108
 
26003
- 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";
26109
+ 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";
26004
26110
  styleInject(css_248z$1);
26005
26111
 
26006
26112
  var ProgrammeDocuments = function (props) {
@@ -26274,8 +26380,8 @@ var ProgrammeDocuments = function (props) {
26274
26380
  ? t("programme:notAuthToUploadDoc")
26275
26381
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26276
26382
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26277
- ? { color: "#3F3A47", cursor: "pointer" }
26278
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26383
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26384
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26279
26385
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26280
26386
  } })),
26281
26387
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26288,8 +26394,8 @@ var ProgrammeDocuments = function (props) {
26288
26394
  ? t("programme:notAuthToUploadDoc")
26289
26395
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26290
26396
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26291
- ? { color: "#3F3A47", cursor: "pointer" }
26292
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26397
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26398
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26293
26399
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26294
26400
  } })),
26295
26401
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26342,8 +26448,8 @@ var ProgrammeDocuments = function (props) {
26342
26448
  : !uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26343
26449
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26344
26450
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26345
- ? { color: "#3F3A47", cursor: "pointer" }
26346
- : { color: "#cacaca" }, onClick: function () {
26451
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26452
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26347
26453
  return designDocStatus === DocumentStatus.ACCEPTED &&
26348
26454
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26349
26455
  handleMethodologyFileUpload();
@@ -26362,8 +26468,8 @@ var ProgrammeDocuments = function (props) {
26362
26468
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26363
26469
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26364
26470
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26365
- ? { color: "#3F3A47", cursor: "pointer" }
26366
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26471
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26472
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26367
26473
  return designDocStatus === DocumentStatus.ACCEPTED &&
26368
26474
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26369
26475
  handleMethodologyFileUpload();
@@ -26417,8 +26523,8 @@ var ProgrammeDocuments = function (props) {
26417
26523
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26418
26524
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26419
26525
  !isProjectRejected
26420
- ? { color: "#3F3A47", cursor: "pointer" }
26421
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26526
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26527
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26422
26528
  return uploadImpactAssessmentDocUserPermission &&
26423
26529
  !isProjectRejected &&
26424
26530
  handleImpactAssessmentFileUpload();
@@ -26431,8 +26537,8 @@ var ProgrammeDocuments = function (props) {
26431
26537
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26432
26538
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26433
26539
  !isProjectRejected
26434
- ? { color: "#3F3A47", cursor: "pointer" }
26435
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26540
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26541
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26436
26542
  return uploadImpactAssessmentDocUserPermission &&
26437
26543
  !isProjectRejected &&
26438
26544
  handleImpactAssessmentFileUpload();