@undp/carbon-library 1.0.150-CARBON-343.7 → 1.0.150-CARBON-320.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/dist/cjs/index.js +125 -234
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +1 -1
  4. package/dist/esm/index.js +125 -234
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +1 -1
  7. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -19464,7 +19464,7 @@ var AddNdcActionComponent = function (props) {
19464
19464
  React.createElement(antd.Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
19465
19465
  };
19466
19466
 
19467
- 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";
19467
+ 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";
19468
19468
  styleInject(css_248z$d);
19469
19469
 
19470
19470
  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";
@@ -19562,15 +19562,19 @@ var NdcActionViewComponent = function (props) {
19562
19562
  var userInfoState = useUserContext().userInfoState;
19563
19563
  var post = useConnection().post;
19564
19564
  var state = useLocation().state;
19565
- var _d = React.useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19565
+ var _d = React.useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19566
19566
  var _e = React.useState(false), isLoading = _e[0], setIsLoading = _e[1];
19567
- var _f = React.useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
19568
- var _g = React.useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
19569
- var _h = React.useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
19570
- var _j = React.useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
19571
- var _k = React.useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
19572
- var _l = React.useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
19573
- var _m = React.useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19567
+ var _f = React.useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19568
+ var _g = React.useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19569
+ var _h = React.useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19570
+ var _j = React.useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19571
+ var _k = React.useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19572
+ var _l = React.useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19573
+ var _m = React.useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19574
+ var _o = React.useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19575
+ var _p = React.useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19576
+ var _q = React.useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19577
+ var _r = React.useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19574
19578
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19575
19579
  var response, error_1;
19576
19580
  var _a, _b, _c;
@@ -19612,13 +19616,16 @@ var NdcActionViewComponent = function (props) {
19612
19616
  }
19613
19617
  });
19614
19618
  }); };
19615
- var getProjectReportActions = function (reportData) {
19619
+ var getProjectReportActions = function (reportData, reportVersion) {
19616
19620
  return (React.createElement(antd.Row, null,
19617
19621
  React.createElement("div", { className: "icon" },
19618
19622
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19619
19623
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19620
19624
  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 },
19621
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19625
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19626
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19627
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19628
+ " ~ " + reportVersion))));
19622
19629
  };
19623
19630
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19624
19631
  var reportDetails, response, exception_1;
@@ -19666,12 +19673,24 @@ var NdcActionViewComponent = function (props) {
19666
19673
  if ((item === null || item === void 0 ? void 0 : item.status) === exports.DocumentStatus.ACCEPTED) {
19667
19674
  setMonitoringReportAccepted(true);
19668
19675
  }
19676
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19677
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19678
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
19669
19679
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19670
- getProjectReportActions(item);
19680
+ getProjectReportActions(item, moniteringVersion);
19681
+ setMonitoringReportData(item);
19682
+ setMonitoringReportversion(moniteringVersion);
19671
19683
  }
19672
19684
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19685
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19686
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19687
+ var verificationVersion = version.startsWith("V")
19688
+ ? version
19689
+ : "V1";
19673
19690
  reportDetails[t("ndcAction:viewVerificationReport")] =
19674
- getProjectReportActions(item);
19691
+ getProjectReportActions(item, verificationVersion);
19692
+ setVerificationReportData(item);
19693
+ setVerificationReportversion(verificationVersion);
19675
19694
  }
19676
19695
  });
19677
19696
  }
@@ -19925,8 +19944,60 @@ var NdcActionViewComponent = function (props) {
19925
19944
  React.createElement(antd.Col, { lg: 8, md: 24 },
19926
19945
  React.createElement(antd.Skeleton, { loading: isLoading, active: true },
19927
19946
  React.createElement(antd.Card, { className: "card-container fix-height" },
19928
- React.createElement("div", null,
19929
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon__namespace.FileEarmarkText, null) })))))),
19947
+ React.createElement("div", { className: "title" },
19948
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon__namespace.FileEarmarkText, null)),
19949
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19950
+ React.createElement("div", { className: "ndc-action-report-body" },
19951
+ React.createElement("div", { className: "report-details" },
19952
+ React.createElement("div", { className: "report-type" },
19953
+ React.createElement("div", { className: "name-time-container" },
19954
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19955
+ ? "name"
19956
+ : "empty" }, t("programme:monitoringReport")),
19957
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19958
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19959
+ " ~ " + monitoringReportversion))),
19960
+ 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
19961
+ ? t("programme:notAuthToUploadDoc")
19962
+ : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId)
19963
+ ? !canUploadMonitorReport &&
19964
+ t("programme:programmeNotAuth")
19965
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19966
+ React.createElement(icons.FileAddOutlined, null))))),
19967
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(antd.Row, null,
19968
+ React.createElement("div", { className: "icon" },
19969
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19970
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19971
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19972
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19973
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19974
+ 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 },
19975
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19976
+ React.createElement("div", { className: "report-details" },
19977
+ React.createElement("div", { className: "report-type" },
19978
+ React.createElement("div", { className: "name-time-container" },
19979
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19980
+ ? "name"
19981
+ : "empty" }, t("programme:verificationReport")),
19982
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19983
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19984
+ " ~ " + verificationReportVersion))),
19985
+ 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
19986
+ ? t("programme:notAuthToUploadDoc")
19987
+ : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId)
19988
+ ? !monitoringReportAccepted &&
19989
+ t("programme:monitoringRepNotApproved")
19990
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19991
+ React.createElement(icons.FileAddOutlined, null))))),
19992
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(antd.Row, null,
19993
+ React.createElement("div", { className: "icon" },
19994
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19995
+ exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19996
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19997
+ exports.DocumentStatus.REJECTED && (React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19998
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19999
+ 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 },
20000
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19930
20001
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.Mitigation ||
19931
20002
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === exports.NdcActionTypes.CrossCutting) && (React.createElement(antd.Row, null,
19932
20003
  React.createElement(antd.Col, { lg: 24, className: "gutter-row" },
@@ -24495,7 +24566,7 @@ var EditableCell = function (_a) {
24495
24566
  return [3 /*break*/, 3];
24496
24567
  case 2:
24497
24568
  errInfo_1 = _a.sent();
24498
- console.log("Save failed:", errInfo_1);
24569
+ console.log('Save failed:', errInfo_1);
24499
24570
  return [3 /*break*/, 3];
24500
24571
  case 3: return [2 /*return*/];
24501
24572
  }
@@ -24509,7 +24580,7 @@ var EditableCell = function (_a) {
24509
24580
  message: "".concat(title, " is required."),
24510
24581
  },
24511
24582
  ] },
24512
- React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
24583
+ React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
24513
24584
  }
24514
24585
  return React.createElement("td", __assign({}, restProps), childNode);
24515
24586
  };
@@ -24517,11 +24588,6 @@ var EditableCell = function (_a) {
24517
24588
  var css_248z$4 = ".ndc-steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .ndc-steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .ndc-steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .ndc-steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
24518
24589
  styleInject(css_248z$4);
24519
24590
 
24520
- var NdcActionType;
24521
- (function (NdcActionType) {
24522
- NdcActionType[NdcActionType["main"] = 0] = "main";
24523
- NdcActionType[NdcActionType["sub"] = 1] = "sub";
24524
- })(NdcActionType || (NdcActionType = {}));
24525
24591
  var NdcDetailsComponent = function (props) {
24526
24592
  var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
24527
24593
  var RangePicker = antd.DatePicker.RangePicker;
@@ -24532,8 +24598,6 @@ var NdcDetailsComponent = function (props) {
24532
24598
  var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24533
24599
  var selectedPeriod = React.useRef({});
24534
24600
  var addedNdcDetailId = React.useRef(0);
24535
- var selectedNdcDetail = React.useRef({});
24536
- var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
24537
24601
  var userInfoState = useUserContext().userInfoState;
24538
24602
  var isAddRangeVisible = function () {
24539
24603
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
@@ -24548,35 +24612,11 @@ var NdcDetailsComponent = function (props) {
24548
24612
  return num >= min && num <= max;
24549
24613
  };
24550
24614
  var handleSave = function (row) {
24551
- if (row.type === NdcActionType.main) {
24552
- var newData = __spreadArray([], ndcDetailsData, true);
24553
- var index = newData.findIndex(function (item) { return row.key === item.key; });
24554
- var item = newData[index];
24555
- newData.splice(index, 1, __assign(__assign({}, item), row));
24556
- setNdcDetailsData(newData);
24557
- }
24558
- else {
24559
- var newData = __spreadArray([], ndcDetailsData, true);
24560
- var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24561
- var parentItem = newData[parentIndex];
24562
- if (parentItem) {
24563
- if (parentItem.subNdcDetails) {
24564
- var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24565
- if (itemIndex === -1) {
24566
- parentItem.subNdcDetails.push(row);
24567
- }
24568
- else {
24569
- parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
24570
- }
24571
- }
24572
- else {
24573
- parentItem.subNdcDetails = [row];
24574
- }
24575
- }
24576
- newData.splice(parentIndex, 1, __assign({}, parentItem));
24577
- setNdcDetailsData(newData);
24578
- setTableKey(function (key) { return key + 1; });
24579
- }
24615
+ var newData = __spreadArray([], ndcDetailsData, true);
24616
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
24617
+ var item = newData[index];
24618
+ newData.splice(index, 1, __assign(__assign({}, item), row));
24619
+ setNdcDetailsData(newData);
24580
24620
  };
24581
24621
  var getNdcDetailsForPeriod = function () {
24582
24622
  var range = selectedTab.split("-");
@@ -24590,15 +24630,6 @@ var NdcDetailsComponent = function (props) {
24590
24630
  return [];
24591
24631
  }
24592
24632
  };
24593
- var getSubNdcDetails = function (key) {
24594
- var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24595
- if (ndcDetail) {
24596
- return ndcDetail.subNdcDetails;
24597
- }
24598
- else {
24599
- return [];
24600
- }
24601
- };
24602
24633
  var defaultColumns = [
24603
24634
  {
24604
24635
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24606,7 +24637,6 @@ var NdcDetailsComponent = function (props) {
24606
24637
  key: "nationalPlanObj",
24607
24638
  align: "left",
24608
24639
  editable: true,
24609
- width: 800,
24610
24640
  },
24611
24641
  {
24612
24642
  title: t("ndc:ndcColumnsKpi"),
@@ -24614,10 +24644,9 @@ var NdcDetailsComponent = function (props) {
24614
24644
  key: "kpi",
24615
24645
  align: "left",
24616
24646
  editable: true,
24617
- width: 100,
24618
24647
  },
24619
24648
  {
24620
- title: "Ministry",
24649
+ title: 'Ministry',
24621
24650
  dataIndex: "ministry",
24622
24651
  key: "ministry",
24623
24652
  align: "left",
@@ -24638,27 +24667,14 @@ var NdcDetailsComponent = function (props) {
24638
24667
  });
24639
24668
  function onAddNewNdcDetail() {
24640
24669
  var range = selectedTab.split("-");
24641
- var ndcActionId = ++addedNdcDetailId.current;
24670
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24642
24671
  var newData = {
24643
- key: ndcActionId,
24644
- type: NdcActionType.main,
24672
+ key: addedNdcDetailId.current,
24645
24673
  startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24646
24674
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24647
24675
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24648
24676
  kpi: 0,
24649
- ministry: "Please add the Ministry name",
24650
- subNdcDetails: [
24651
- {
24652
- key: ++addedNdcDetailId.current,
24653
- ndcActionId: ndcActionId,
24654
- type: NdcActionType.sub,
24655
- startDate: new Date("2019-03-25"),
24656
- endDate: new Date("2020-03-25"),
24657
- nationalPlanObj: "",
24658
- kpi: "",
24659
- ministry: "",
24660
- },
24661
- ],
24677
+ ministry: "Please add the Ministry name"
24662
24678
  };
24663
24679
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24664
24680
  }
@@ -24740,10 +24756,6 @@ var NdcDetailsComponent = function (props) {
24740
24756
  React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24741
24757
  React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24742
24758
  }
24743
- function getSubNdcActionContent(record) {
24744
- selectedNdcDetail.current = record;
24745
- return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
24746
- }
24747
24759
  var onTabChange = function (key) {
24748
24760
  setSelectedTab(key);
24749
24761
  };
@@ -24751,160 +24763,43 @@ var NdcDetailsComponent = function (props) {
24751
24763
  var defaultNdcDetails = [
24752
24764
  {
24753
24765
  key: 1,
24754
- type: NdcActionType.main,
24755
24766
  startDate: new Date("2019-03-25"),
24756
24767
  endDate: new Date("2020-03-25"),
24757
24768
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24758
24769
  kpi: 25,
24759
- ministry: "Ministry of Environment",
24760
- subNdcDetails: [
24761
- {
24762
- key: 6,
24763
- ndcActionId: 1,
24764
- type: NdcActionType.sub,
24765
- startDate: new Date("2019-03-25"),
24766
- endDate: new Date("2020-03-25"),
24767
- nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24768
- kpi: 25,
24769
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24770
- },
24771
- {
24772
- key: 7,
24773
- ndcActionId: 1,
24774
- type: NdcActionType.sub,
24775
- startDate: new Date("2019-03-25"),
24776
- endDate: new Date("2020-03-25"),
24777
- nationalPlanObj: "",
24778
- kpi: "",
24779
- ministry: "",
24780
- },
24781
- ],
24770
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24782
24771
  },
24783
24772
  {
24784
24773
  key: 2,
24785
- type: NdcActionType.main,
24786
24774
  startDate: new Date("2019-03-25"),
24787
24775
  endDate: new Date("2019-08-25"),
24788
24776
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24789
24777
  kpi: 10500,
24790
- ministry: "Ministry of Environment",
24791
- subNdcDetails: [
24792
- {
24793
- key: 8,
24794
- ndcActionId: 2,
24795
- type: NdcActionType.sub,
24796
- startDate: new Date("2019-03-25"),
24797
- endDate: new Date("2020-03-25"),
24798
- nationalPlanObj: "",
24799
- kpi: "",
24800
- ministry: "",
24801
- },
24802
- ],
24803
- },
24804
- {
24805
- key: 12,
24806
- type: NdcActionType.main,
24807
- startDate: new Date("2019-03-25"),
24808
- endDate: new Date("2019-08-25"),
24809
- nationalPlanObj: "Other",
24810
- kpi: 10500,
24811
- ministry: "Ministry of Environment",
24812
- subNdcDetails: [
24813
- {
24814
- key: 8,
24815
- ndcActionId: 12,
24816
- type: NdcActionType.sub,
24817
- startDate: new Date("2019-03-25"),
24818
- endDate: new Date("2020-03-25"),
24819
- nationalPlanObj: "",
24820
- kpi: "",
24821
- ministry: "",
24822
- },
24823
- ],
24778
+ ministry: "Ministry of Tourism (MoT)"
24824
24779
  },
24825
24780
  {
24826
24781
  key: 3,
24827
- type: NdcActionType.main,
24828
24782
  startDate: new Date("2021-03-25"),
24829
24783
  endDate: new Date("2022-03-25"),
24830
24784
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24831
24785
  kpi: 48,
24832
- ministry: "Ministry of Environment",
24833
- subNdcDetails: [
24834
- {
24835
- key: 9,
24836
- ndcActionId: 3,
24837
- type: NdcActionType.sub,
24838
- startDate: new Date("2019-03-25"),
24839
- endDate: new Date("2020-03-25"),
24840
- nationalPlanObj: "",
24841
- kpi: "",
24842
- ministry: "",
24843
- },
24844
- ],
24786
+ ministry: "Ministry of Education, Arts and Culture (MoE)"
24845
24787
  },
24846
24788
  {
24847
24789
  key: 4,
24848
- type: NdcActionType.main,
24849
24790
  startDate: new Date("2022-03-25"),
24850
24791
  endDate: new Date("2022-05-25"),
24851
24792
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24852
24793
  kpi: 20,
24853
- ministry: "Ministry of Environment",
24854
- subNdcDetails: [
24855
- {
24856
- key: 10,
24857
- ndcActionId: 4,
24858
- type: NdcActionType.sub,
24859
- startDate: new Date("2019-03-25"),
24860
- endDate: new Date("2020-03-25"),
24861
- nationalPlanObj: "",
24862
- kpi: "",
24863
- ministry: "",
24864
- },
24865
- ],
24794
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24866
24795
  },
24867
24796
  {
24868
24797
  key: 5,
24869
- type: NdcActionType.main,
24870
24798
  startDate: new Date("2022-03-25"),
24871
24799
  endDate: new Date("2023-03-25"),
24872
24800
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24873
24801
  kpi: 10,
24874
- ministry: "Ministry of Environment",
24875
- subNdcDetails: [
24876
- {
24877
- key: 11,
24878
- ndcActionId: 5,
24879
- type: NdcActionType.sub,
24880
- startDate: new Date("2019-03-25"),
24881
- endDate: new Date("2020-03-25"),
24882
- nationalPlanObj: "",
24883
- kpi: "",
24884
- ministry: "",
24885
- },
24886
- ],
24887
- },
24888
- {
24889
- key: 13,
24890
- type: NdcActionType.main,
24891
- startDate: new Date("2022-03-25"),
24892
- endDate: new Date("2023-03-25"),
24893
- nationalPlanObj: "Other",
24894
- kpi: 10,
24895
- ministry: "Ministry of Environment",
24896
- subNdcDetails: [
24897
- {
24898
- key: 11,
24899
- ndcActionId: 13,
24900
- type: NdcActionType.sub,
24901
- startDate: new Date("2019-03-25"),
24902
- endDate: new Date("2020-03-25"),
24903
- nationalPlanObj: "",
24904
- kpi: "",
24905
- ministry: "",
24906
- },
24907
- ],
24802
+ ministry: "Ministry of Tourism (MoT)"
24908
24803
  },
24909
24804
  ];
24910
24805
  var initialPeriods = [
@@ -24947,11 +24842,7 @@ var NdcDetailsComponent = function (props) {
24947
24842
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24948
24843
  selectedTab !== "add_new" && (React.createElement("div", null,
24949
24844
  React.createElement("div", null,
24950
- React.createElement(antd.Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24951
- expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24952
- indentSize: 0,
24953
- defaultExpandedRowKeys: [selectedNdcDetail.current.key],
24954
- }, footer: function () {
24845
+ React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24955
24846
  return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24956
24847
  React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24957
24848
  marginBottom: 16,
@@ -25613,7 +25504,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25613
25504
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25614
25505
  };
25615
25506
 
25616
- 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";
25507
+ 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";
25617
25508
  styleInject(css_248z$2);
25618
25509
 
25619
25510
  var NdcActionBody = function (props) {
@@ -25831,8 +25722,8 @@ var NdcActionBody = function (props) {
25831
25722
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25832
25723
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25833
25724
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25834
- ? { color: "#3F3A47", cursor: "pointer" }
25835
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25725
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25726
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25836
25727
  if (canUploadMonitorReport &&
25837
25728
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25838
25729
  handleFileUploadMonitor();
@@ -25855,8 +25746,8 @@ var NdcActionBody = function (props) {
25855
25746
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25856
25747
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25857
25748
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25858
- ? { color: "#3F3A47", cursor: "pointer" }
25859
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25749
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25750
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25860
25751
  if (canUploadMonitorReport &&
25861
25752
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25862
25753
  handleFileUploadMonitor();
@@ -25905,8 +25796,8 @@ var NdcActionBody = function (props) {
25905
25796
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25906
25797
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25907
25798
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25908
- ? { color: "#3F3A47", cursor: "pointer" }
25909
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25799
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25800
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25910
25801
  if (monitoringReportAccepted &&
25911
25802
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25912
25803
  handleFileUploadVerification();
@@ -25929,8 +25820,8 @@ var NdcActionBody = function (props) {
25929
25820
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25930
25821
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25931
25822
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25932
- ? { color: "#3F3A47", cursor: "pointer" }
25933
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25823
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25824
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25934
25825
  if (monitoringReportAccepted &&
25935
25826
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25936
25827
  handleFileUploadVerification();
@@ -25944,7 +25835,7 @@ var NdcActionBody = function (props) {
25944
25835
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
25945
25836
  };
25946
25837
 
25947
- 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";
25838
+ 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";
25948
25839
  styleInject(css_248z$1);
25949
25840
 
25950
25841
  var ProgrammeDocuments = function (props) {
@@ -26211,8 +26102,8 @@ var ProgrammeDocuments = function (props) {
26211
26102
  ? t("programme:notAuthToUploadDoc")
26212
26103
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26213
26104
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26214
- ? { color: "#3F3A47", cursor: "pointer" }
26215
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26105
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26106
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26216
26107
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26217
26108
  } })),
26218
26109
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26225,8 +26116,8 @@ var ProgrammeDocuments = function (props) {
26225
26116
  ? t("programme:notAuthToUploadDoc")
26226
26117
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26227
26118
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26228
- ? { color: "#3F3A47", cursor: "pointer" }
26229
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26119
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26120
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26230
26121
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26231
26122
  } })),
26232
26123
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26279,8 +26170,8 @@ var ProgrammeDocuments = function (props) {
26279
26170
  : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26280
26171
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26281
26172
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26282
- ? { color: "#3F3A47", cursor: "pointer" }
26283
- : { color: "#cacaca" }, onClick: function () {
26173
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26174
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26284
26175
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26285
26176
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26286
26177
  handleMethodologyFileUpload();
@@ -26299,8 +26190,8 @@ var ProgrammeDocuments = function (props) {
26299
26190
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26300
26191
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
26301
26192
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26302
- ? { color: "#3F3A47", cursor: "pointer" }
26303
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26193
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26194
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26304
26195
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
26305
26196
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26306
26197
  handleMethodologyFileUpload();
@@ -26354,8 +26245,8 @@ var ProgrammeDocuments = function (props) {
26354
26245
  ? t("programme:notAuthToUploadDoc")
26355
26246
  : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26356
26247
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26357
- ? { color: "#3F3A47", cursor: "pointer" }
26358
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26248
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26249
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26359
26250
  return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26360
26251
  } })),
26361
26252
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26367,8 +26258,8 @@ var ProgrammeDocuments = function (props) {
26367
26258
  ? t("programme:notAuthToUploadDoc")
26368
26259
  : !uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26369
26260
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26370
- ? { color: "#3F3A47", cursor: "pointer" }
26371
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26261
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26262
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26372
26263
  return uploadDocUserPermission(userInfoState, exports.DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26373
26264
  } })),
26374
26265
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {