@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/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";
@@ -19542,15 +19542,19 @@ var NdcActionViewComponent = function (props) {
19542
19542
  var userInfoState = useUserContext().userInfoState;
19543
19543
  var post = useConnection().post;
19544
19544
  var state = useLocation().state;
19545
- var _d = useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19545
+ var _d = useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19546
19546
  var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
19547
- var _f = useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
19548
- var _g = useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
19549
- var _h = useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
19550
- var _j = useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
19551
- var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
19552
- var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
19553
- var _m = useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19547
+ var _f = useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19548
+ var _g = useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19549
+ var _h = useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19550
+ var _j = useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19551
+ var _k = useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19552
+ var _l = useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19553
+ var _m = useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19554
+ var _o = useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19555
+ var _p = useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19556
+ var _q = useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19557
+ var _r = useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19554
19558
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19555
19559
  var response, error_1;
19556
19560
  var _a, _b, _c;
@@ -19592,13 +19596,16 @@ var NdcActionViewComponent = function (props) {
19592
19596
  }
19593
19597
  });
19594
19598
  }); };
19595
- var getProjectReportActions = function (reportData) {
19599
+ var getProjectReportActions = function (reportData, reportVersion) {
19596
19600
  return (React.createElement(Row, null,
19597
19601
  React.createElement("div", { className: "icon" },
19598
19602
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19599
19603
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19600
19604
  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 },
19601
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19605
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19606
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19607
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19608
+ " ~ " + reportVersion))));
19602
19609
  };
19603
19610
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19604
19611
  var reportDetails, response, exception_1;
@@ -19646,12 +19653,24 @@ var NdcActionViewComponent = function (props) {
19646
19653
  if ((item === null || item === void 0 ? void 0 : item.status) === DocumentStatus.ACCEPTED) {
19647
19654
  setMonitoringReportAccepted(true);
19648
19655
  }
19656
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19657
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19658
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
19649
19659
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19650
- getProjectReportActions(item);
19660
+ getProjectReportActions(item, moniteringVersion);
19661
+ setMonitoringReportData(item);
19662
+ setMonitoringReportversion(moniteringVersion);
19651
19663
  }
19652
19664
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19665
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19666
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19667
+ var verificationVersion = version.startsWith("V")
19668
+ ? version
19669
+ : "V1";
19653
19670
  reportDetails[t("ndcAction:viewVerificationReport")] =
19654
- getProjectReportActions(item);
19671
+ getProjectReportActions(item, verificationVersion);
19672
+ setVerificationReportData(item);
19673
+ setVerificationReportversion(verificationVersion);
19655
19674
  }
19656
19675
  });
19657
19676
  }
@@ -19905,8 +19924,60 @@ var NdcActionViewComponent = function (props) {
19905
19924
  React.createElement(Col, { lg: 8, md: 24 },
19906
19925
  React.createElement(Skeleton, { loading: isLoading, active: true },
19907
19926
  React.createElement(Card, { className: "card-container fix-height" },
19908
- React.createElement("div", null,
19909
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon.FileEarmarkText, null) })))))),
19927
+ React.createElement("div", { className: "title" },
19928
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon.FileEarmarkText, null)),
19929
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19930
+ React.createElement("div", { className: "ndc-action-report-body" },
19931
+ React.createElement("div", { className: "report-details" },
19932
+ React.createElement("div", { className: "report-type" },
19933
+ React.createElement("div", { className: "name-time-container" },
19934
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19935
+ ? "name"
19936
+ : "empty" }, t("programme:monitoringReport")),
19937
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19938
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19939
+ " ~ " + monitoringReportversion))),
19940
+ 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
19941
+ ? t("programme:notAuthToUploadDoc")
19942
+ : uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId)
19943
+ ? !canUploadMonitorReport &&
19944
+ t("programme:programmeNotAuth")
19945
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19946
+ React.createElement(FileAddOutlined, null))))),
19947
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(Row, null,
19948
+ React.createElement("div", { className: "icon" },
19949
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19950
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19951
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19952
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19953
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19954
+ 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 },
19955
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19956
+ React.createElement("div", { className: "report-details" },
19957
+ React.createElement("div", { className: "report-type" },
19958
+ React.createElement("div", { className: "name-time-container" },
19959
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19960
+ ? "name"
19961
+ : "empty" }, t("programme:verificationReport")),
19962
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19963
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19964
+ " ~ " + verificationReportVersion))),
19965
+ 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
19966
+ ? t("programme:notAuthToUploadDoc")
19967
+ : uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId)
19968
+ ? !monitoringReportAccepted &&
19969
+ t("programme:monitoringRepNotApproved")
19970
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19971
+ React.createElement(FileAddOutlined, null))))),
19972
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(Row, null,
19973
+ React.createElement("div", { className: "icon" },
19974
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19975
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19976
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19977
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19978
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19979
+ 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 },
19980
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19910
19981
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Mitigation ||
19911
19982
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.CrossCutting) && (React.createElement(Row, null,
19912
19983
  React.createElement(Col, { lg: 24, className: "gutter-row" },
@@ -24475,7 +24546,7 @@ var EditableCell = function (_a) {
24475
24546
  return [3 /*break*/, 3];
24476
24547
  case 2:
24477
24548
  errInfo_1 = _a.sent();
24478
- console.log("Save failed:", errInfo_1);
24549
+ console.log('Save failed:', errInfo_1);
24479
24550
  return [3 /*break*/, 3];
24480
24551
  case 3: return [2 /*return*/];
24481
24552
  }
@@ -24489,7 +24560,7 @@ var EditableCell = function (_a) {
24489
24560
  message: "".concat(title, " is required."),
24490
24561
  },
24491
24562
  ] },
24492
- React.createElement(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));
24563
+ React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
24493
24564
  }
24494
24565
  return React.createElement("td", __assign({}, restProps), childNode);
24495
24566
  };
@@ -24497,11 +24568,6 @@ var EditableCell = function (_a) {
24497
24568
  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";
24498
24569
  styleInject(css_248z$4);
24499
24570
 
24500
- var NdcActionType;
24501
- (function (NdcActionType) {
24502
- NdcActionType[NdcActionType["main"] = 0] = "main";
24503
- NdcActionType[NdcActionType["sub"] = 1] = "sub";
24504
- })(NdcActionType || (NdcActionType = {}));
24505
24571
  var NdcDetailsComponent = function (props) {
24506
24572
  var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
24507
24573
  var RangePicker = DatePicker.RangePicker;
@@ -24512,8 +24578,6 @@ var NdcDetailsComponent = function (props) {
24512
24578
  var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24513
24579
  var selectedPeriod = useRef({});
24514
24580
  var addedNdcDetailId = useRef(0);
24515
- var selectedNdcDetail = useRef({});
24516
- var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
24517
24581
  var userInfoState = useUserContext().userInfoState;
24518
24582
  var isAddRangeVisible = function () {
24519
24583
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
@@ -24528,35 +24592,11 @@ var NdcDetailsComponent = function (props) {
24528
24592
  return num >= min && num <= max;
24529
24593
  };
24530
24594
  var handleSave = function (row) {
24531
- if (row.type === NdcActionType.main) {
24532
- var newData = __spreadArray([], ndcDetailsData, true);
24533
- var index = newData.findIndex(function (item) { return row.key === item.key; });
24534
- var item = newData[index];
24535
- newData.splice(index, 1, __assign(__assign({}, item), row));
24536
- setNdcDetailsData(newData);
24537
- }
24538
- else {
24539
- var newData = __spreadArray([], ndcDetailsData, true);
24540
- var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24541
- var parentItem = newData[parentIndex];
24542
- if (parentItem) {
24543
- if (parentItem.subNdcDetails) {
24544
- var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24545
- if (itemIndex === -1) {
24546
- parentItem.subNdcDetails.push(row);
24547
- }
24548
- else {
24549
- parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
24550
- }
24551
- }
24552
- else {
24553
- parentItem.subNdcDetails = [row];
24554
- }
24555
- }
24556
- newData.splice(parentIndex, 1, __assign({}, parentItem));
24557
- setNdcDetailsData(newData);
24558
- setTableKey(function (key) { return key + 1; });
24559
- }
24595
+ var newData = __spreadArray([], ndcDetailsData, true);
24596
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
24597
+ var item = newData[index];
24598
+ newData.splice(index, 1, __assign(__assign({}, item), row));
24599
+ setNdcDetailsData(newData);
24560
24600
  };
24561
24601
  var getNdcDetailsForPeriod = function () {
24562
24602
  var range = selectedTab.split("-");
@@ -24570,15 +24610,6 @@ var NdcDetailsComponent = function (props) {
24570
24610
  return [];
24571
24611
  }
24572
24612
  };
24573
- var getSubNdcDetails = function (key) {
24574
- var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24575
- if (ndcDetail) {
24576
- return ndcDetail.subNdcDetails;
24577
- }
24578
- else {
24579
- return [];
24580
- }
24581
- };
24582
24613
  var defaultColumns = [
24583
24614
  {
24584
24615
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24586,7 +24617,6 @@ var NdcDetailsComponent = function (props) {
24586
24617
  key: "nationalPlanObj",
24587
24618
  align: "left",
24588
24619
  editable: true,
24589
- width: 800,
24590
24620
  },
24591
24621
  {
24592
24622
  title: t("ndc:ndcColumnsKpi"),
@@ -24594,10 +24624,9 @@ var NdcDetailsComponent = function (props) {
24594
24624
  key: "kpi",
24595
24625
  align: "left",
24596
24626
  editable: true,
24597
- width: 100,
24598
24627
  },
24599
24628
  {
24600
- title: "Ministry",
24629
+ title: 'Ministry',
24601
24630
  dataIndex: "ministry",
24602
24631
  key: "ministry",
24603
24632
  align: "left",
@@ -24618,27 +24647,14 @@ var NdcDetailsComponent = function (props) {
24618
24647
  });
24619
24648
  function onAddNewNdcDetail() {
24620
24649
  var range = selectedTab.split("-");
24621
- var ndcActionId = ++addedNdcDetailId.current;
24650
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24622
24651
  var newData = {
24623
- key: ndcActionId,
24624
- type: NdcActionType.main,
24652
+ key: addedNdcDetailId.current,
24625
24653
  startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24626
24654
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24627
24655
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24628
24656
  kpi: 0,
24629
- ministry: "Please add the Ministry name",
24630
- subNdcDetails: [
24631
- {
24632
- key: ++addedNdcDetailId.current,
24633
- ndcActionId: ndcActionId,
24634
- type: NdcActionType.sub,
24635
- startDate: new Date("2019-03-25"),
24636
- endDate: new Date("2020-03-25"),
24637
- nationalPlanObj: "",
24638
- kpi: "",
24639
- ministry: "",
24640
- },
24641
- ],
24657
+ ministry: "Please add the Ministry name"
24642
24658
  };
24643
24659
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24644
24660
  }
@@ -24720,10 +24736,6 @@ var NdcDetailsComponent = function (props) {
24720
24736
  React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24721
24737
  React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24722
24738
  }
24723
- function getSubNdcActionContent(record) {
24724
- selectedNdcDetail.current = record;
24725
- return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
24726
- }
24727
24739
  var onTabChange = function (key) {
24728
24740
  setSelectedTab(key);
24729
24741
  };
@@ -24731,160 +24743,43 @@ var NdcDetailsComponent = function (props) {
24731
24743
  var defaultNdcDetails = [
24732
24744
  {
24733
24745
  key: 1,
24734
- type: NdcActionType.main,
24735
24746
  startDate: new Date("2019-03-25"),
24736
24747
  endDate: new Date("2020-03-25"),
24737
24748
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24738
24749
  kpi: 25,
24739
- ministry: "Ministry of Environment",
24740
- subNdcDetails: [
24741
- {
24742
- key: 6,
24743
- ndcActionId: 1,
24744
- type: NdcActionType.sub,
24745
- startDate: new Date("2019-03-25"),
24746
- endDate: new Date("2020-03-25"),
24747
- nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24748
- kpi: 25,
24749
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24750
- },
24751
- {
24752
- key: 7,
24753
- ndcActionId: 1,
24754
- type: NdcActionType.sub,
24755
- startDate: new Date("2019-03-25"),
24756
- endDate: new Date("2020-03-25"),
24757
- nationalPlanObj: "",
24758
- kpi: "",
24759
- ministry: "",
24760
- },
24761
- ],
24750
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24762
24751
  },
24763
24752
  {
24764
24753
  key: 2,
24765
- type: NdcActionType.main,
24766
24754
  startDate: new Date("2019-03-25"),
24767
24755
  endDate: new Date("2019-08-25"),
24768
24756
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24769
24757
  kpi: 10500,
24770
- ministry: "Ministry of Environment",
24771
- subNdcDetails: [
24772
- {
24773
- key: 8,
24774
- ndcActionId: 2,
24775
- type: NdcActionType.sub,
24776
- startDate: new Date("2019-03-25"),
24777
- endDate: new Date("2020-03-25"),
24778
- nationalPlanObj: "",
24779
- kpi: "",
24780
- ministry: "",
24781
- },
24782
- ],
24783
- },
24784
- {
24785
- key: 12,
24786
- type: NdcActionType.main,
24787
- startDate: new Date("2019-03-25"),
24788
- endDate: new Date("2019-08-25"),
24789
- nationalPlanObj: "Other",
24790
- kpi: 10500,
24791
- ministry: "Ministry of Environment",
24792
- subNdcDetails: [
24793
- {
24794
- key: 8,
24795
- ndcActionId: 12,
24796
- type: NdcActionType.sub,
24797
- startDate: new Date("2019-03-25"),
24798
- endDate: new Date("2020-03-25"),
24799
- nationalPlanObj: "",
24800
- kpi: "",
24801
- ministry: "",
24802
- },
24803
- ],
24758
+ ministry: "Ministry of Tourism (MoT)"
24804
24759
  },
24805
24760
  {
24806
24761
  key: 3,
24807
- type: NdcActionType.main,
24808
24762
  startDate: new Date("2021-03-25"),
24809
24763
  endDate: new Date("2022-03-25"),
24810
24764
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24811
24765
  kpi: 48,
24812
- ministry: "Ministry of Environment",
24813
- subNdcDetails: [
24814
- {
24815
- key: 9,
24816
- ndcActionId: 3,
24817
- type: NdcActionType.sub,
24818
- startDate: new Date("2019-03-25"),
24819
- endDate: new Date("2020-03-25"),
24820
- nationalPlanObj: "",
24821
- kpi: "",
24822
- ministry: "",
24823
- },
24824
- ],
24766
+ ministry: "Ministry of Education, Arts and Culture (MoE)"
24825
24767
  },
24826
24768
  {
24827
24769
  key: 4,
24828
- type: NdcActionType.main,
24829
24770
  startDate: new Date("2022-03-25"),
24830
24771
  endDate: new Date("2022-05-25"),
24831
24772
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24832
24773
  kpi: 20,
24833
- ministry: "Ministry of Environment",
24834
- subNdcDetails: [
24835
- {
24836
- key: 10,
24837
- ndcActionId: 4,
24838
- type: NdcActionType.sub,
24839
- startDate: new Date("2019-03-25"),
24840
- endDate: new Date("2020-03-25"),
24841
- nationalPlanObj: "",
24842
- kpi: "",
24843
- ministry: "",
24844
- },
24845
- ],
24774
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24846
24775
  },
24847
24776
  {
24848
24777
  key: 5,
24849
- type: NdcActionType.main,
24850
24778
  startDate: new Date("2022-03-25"),
24851
24779
  endDate: new Date("2023-03-25"),
24852
24780
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24853
24781
  kpi: 10,
24854
- ministry: "Ministry of Environment",
24855
- subNdcDetails: [
24856
- {
24857
- key: 11,
24858
- ndcActionId: 5,
24859
- type: NdcActionType.sub,
24860
- startDate: new Date("2019-03-25"),
24861
- endDate: new Date("2020-03-25"),
24862
- nationalPlanObj: "",
24863
- kpi: "",
24864
- ministry: "",
24865
- },
24866
- ],
24867
- },
24868
- {
24869
- key: 13,
24870
- type: NdcActionType.main,
24871
- startDate: new Date("2022-03-25"),
24872
- endDate: new Date("2023-03-25"),
24873
- nationalPlanObj: "Other",
24874
- kpi: 10,
24875
- ministry: "Ministry of Environment",
24876
- subNdcDetails: [
24877
- {
24878
- key: 11,
24879
- ndcActionId: 13,
24880
- type: NdcActionType.sub,
24881
- startDate: new Date("2019-03-25"),
24882
- endDate: new Date("2020-03-25"),
24883
- nationalPlanObj: "",
24884
- kpi: "",
24885
- ministry: "",
24886
- },
24887
- ],
24782
+ ministry: "Ministry of Tourism (MoT)"
24888
24783
  },
24889
24784
  ];
24890
24785
  var initialPeriods = [
@@ -24927,11 +24822,7 @@ var NdcDetailsComponent = function (props) {
24927
24822
  React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24928
24823
  selectedTab !== "add_new" && (React.createElement("div", null,
24929
24824
  React.createElement("div", null,
24930
- React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24931
- expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24932
- indentSize: 0,
24933
- defaultExpandedRowKeys: [selectedNdcDetail.current.key],
24934
- }, footer: function () {
24825
+ React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24935
24826
  return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
24936
24827
  React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24937
24828
  marginBottom: 16,
@@ -25593,7 +25484,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25593
25484
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25594
25485
  };
25595
25486
 
25596
- 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";
25487
+ 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";
25597
25488
  styleInject(css_248z$2);
25598
25489
 
25599
25490
  var NdcActionBody = function (props) {
@@ -25811,8 +25702,8 @@ var NdcActionBody = function (props) {
25811
25702
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25812
25703
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25813
25704
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25814
- ? { color: "#3F3A47", cursor: "pointer" }
25815
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25705
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25706
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25816
25707
  if (canUploadMonitorReport &&
25817
25708
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25818
25709
  handleFileUploadMonitor();
@@ -25835,8 +25726,8 @@ var NdcActionBody = function (props) {
25835
25726
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25836
25727
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25837
25728
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25838
- ? { color: "#3F3A47", cursor: "pointer" }
25839
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25729
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25730
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25840
25731
  if (canUploadMonitorReport &&
25841
25732
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25842
25733
  handleFileUploadMonitor();
@@ -25885,8 +25776,8 @@ var NdcActionBody = function (props) {
25885
25776
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25886
25777
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25887
25778
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25888
- ? { color: "#3F3A47", cursor: "pointer" }
25889
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25779
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25780
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25890
25781
  if (monitoringReportAccepted &&
25891
25782
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25892
25783
  handleFileUploadVerification();
@@ -25909,8 +25800,8 @@ var NdcActionBody = function (props) {
25909
25800
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25910
25801
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25911
25802
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25912
- ? { color: "#3F3A47", cursor: "pointer" }
25913
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25803
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25804
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25914
25805
  if (monitoringReportAccepted &&
25915
25806
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
25916
25807
  handleFileUploadVerification();
@@ -25924,7 +25815,7 @@ var NdcActionBody = function (props) {
25924
25815
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
25925
25816
  };
25926
25817
 
25927
- 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";
25818
+ 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";
25928
25819
  styleInject(css_248z$1);
25929
25820
 
25930
25821
  var ProgrammeDocuments = function (props) {
@@ -26191,8 +26082,8 @@ var ProgrammeDocuments = function (props) {
26191
26082
  ? t("programme:notAuthToUploadDoc")
26192
26083
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26193
26084
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26194
- ? { color: "#3F3A47", cursor: "pointer" }
26195
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26085
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26086
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26196
26087
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26197
26088
  } })),
26198
26089
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26205,8 +26096,8 @@ var ProgrammeDocuments = function (props) {
26205
26096
  ? t("programme:notAuthToUploadDoc")
26206
26097
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26207
26098
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26208
- ? { color: "#3F3A47", cursor: "pointer" }
26209
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26099
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26100
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26210
26101
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleDesignDocFileUpload();
26211
26102
  } })),
26212
26103
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26259,8 +26150,8 @@ var ProgrammeDocuments = function (props) {
26259
26150
  : !uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26260
26151
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26261
26152
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26262
- ? { color: "#3F3A47", cursor: "pointer" }
26263
- : { color: "#cacaca" }, onClick: function () {
26153
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26154
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26264
26155
  return designDocStatus === DocumentStatus.ACCEPTED &&
26265
26156
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26266
26157
  handleMethodologyFileUpload();
@@ -26279,8 +26170,8 @@ var ProgrammeDocuments = function (props) {
26279
26170
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26280
26171
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26281
26172
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26282
- ? { color: "#3F3A47", cursor: "pointer" }
26283
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26173
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26174
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26284
26175
  return designDocStatus === DocumentStatus.ACCEPTED &&
26285
26176
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) &&
26286
26177
  handleMethodologyFileUpload();
@@ -26334,8 +26225,8 @@ var ProgrammeDocuments = function (props) {
26334
26225
  ? t("programme:notAuthToUploadDoc")
26335
26226
  : !uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26336
26227
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26337
- ? { color: "#3F3A47", cursor: "pointer" }
26338
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26228
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26229
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26339
26230
  return uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26340
26231
  } })),
26341
26232
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26347,8 +26238,8 @@ var ProgrammeDocuments = function (props) {
26347
26238
  ? t("programme:notAuthToUploadDoc")
26348
26239
  : !uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26349
26240
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus)
26350
- ? { color: "#3F3A47", cursor: "pointer" }
26351
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26241
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26242
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26352
26243
  return uploadDocUserPermission(userInfoState, DocType.ENVIRONMENTAL_IMPACT_ASSESSMENT, programmeOwnerId, ministryLevelPermission, programmeStatus) && handleImpactAssessmentFileUpload();
26353
26244
  } })),
26354
26245
  React.createElement("input", { type: "file", ref: fileInputRefImpactAssessment, style: { display: "none" }, accept: ".doc, .docx, .pdf, .png, .jpg", onChange: function (e) {