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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/dist/cjs/index.js +108 -37
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +108 -37
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -19444,7 +19444,7 @@ var AddNdcActionComponent = function (props) {
19444
19444
  React.createElement(Steps, { progressDot: true, direction: "vertical", current: current, items: stepItems })))));
19445
19445
  };
19446
19446
 
19447
- var css_248z$d = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n";
19447
+ var css_248z$d = ".ndc-details-view .card-container {\n margin-bottom: 16px;\n width: 100%;\n border-radius: 10px; }\n .ndc-details-view .card-container .co-benifits-view .title {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600;\n margin-left: 0.5rem; }\n .ndc-details-view .card-container .action-btns {\n margin-top: 25px;\n margin-bottom: -15px;\n justify-content: end; }\n\n.ndc-details-view .fix-height {\n height: 350px; }\n\n.title-icon {\n padding-right: 10px; }\n\n.title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.title {\n margin-bottom: 5px; }\n\n.ndc-action-report-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-report-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin: 5px 25px;\n font-size: 0.8rem; }\n .ndc-action-report-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-report-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-report-body .report-details .report-type .name {\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .report-type .time {\n color: rgba(58, 53, 65, 0.5);\n width: max-content; }\n .ndc-action-report-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .report-type .empty {\n font-weight: 500;\n color: rgba(58, 53, 65, 0.6); }\n .ndc-action-report-body .report-details .ant-row {\n margin: 0px 30px auto; }\n .ndc-action-report-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-report-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-report-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
19448
19448
  styleInject(css_248z$d);
19449
19449
 
19450
19450
  var css_248z$c = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .row {\n display: flex;\n width: 40%;\n align-items: center;\n justify-content: space-between; }\n .info-view .field-value .row .key {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n .info-view .field-value .row .data {\n display: flex;\n width: 50%;\n align-items: center;\n justify-content: flex-start; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
@@ -19539,15 +19539,19 @@ var NdcActionViewComponent = function (props) {
19539
19539
  var userInfoState = useUserContext().userInfoState;
19540
19540
  var post = useConnection().post;
19541
19541
  var state = useLocation().state;
19542
- var _d = useState({}), ndcActionReportDetails = _d[0], setNdcActionReportDetails = _d[1];
19542
+ var _d = useState({}); _d[0]; var setNdcActionReportDetails = _d[1];
19543
19543
  var _e = useState(false), isLoading = _e[0], setIsLoading = _e[1];
19544
- var _f = useState(), ndcActionDetails = _f[0], setNdcActionDetails = _f[1];
19545
- var _g = useState(); _g[0]; var setCoBenifitsComponentnDetails = _g[1];
19546
- var _h = useState(0), emissionsReductionExpected = _h[0], setEmissionsReductionExpected = _h[1];
19547
- var _j = useState(0), emissionsReductionAchieved = _j[0], setEmissionsReductionAchieved = _j[1];
19548
- var _k = useState([]), programmeOwnerId = _k[0], setProgrammeOwnerId = _k[1];
19549
- var _l = useState(false), canUploadMonitorReport = _l[0], setCanUploadMonitorReport = _l[1];
19550
- var _m = useState(false), monitoringReportAccepted = _m[0], setMonitoringReportAccepted = _m[1];
19544
+ var _f = useState(), monitoringReportData = _f[0], setMonitoringReportData = _f[1];
19545
+ var _g = useState(""), monitoringReportversion = _g[0], setMonitoringReportversion = _g[1];
19546
+ var _h = useState(), verificationReportData = _h[0], setVerificationReportData = _h[1];
19547
+ var _j = useState(""), verificationReportVersion = _j[0], setVerificationReportversion = _j[1];
19548
+ var _k = useState(), ndcActionDetails = _k[0], setNdcActionDetails = _k[1];
19549
+ var _l = useState(); _l[0]; var setCoBenifitsComponentnDetails = _l[1];
19550
+ var _m = useState(0), emissionsReductionExpected = _m[0], setEmissionsReductionExpected = _m[1];
19551
+ var _o = useState(0), emissionsReductionAchieved = _o[0], setEmissionsReductionAchieved = _o[1];
19552
+ var _p = useState([]), programmeOwnerId = _p[0], setProgrammeOwnerId = _p[1];
19553
+ var _q = useState(false), canUploadMonitorReport = _q[0], setCanUploadMonitorReport = _q[1];
19554
+ var _r = useState(false), monitoringReportAccepted = _r[0], setMonitoringReportAccepted = _r[1];
19551
19555
  var getProgrammeById = function (programmeId) { return __awaiter(void 0, void 0, void 0, function () {
19552
19556
  var response, error_1;
19553
19557
  var _a, _b, _c;
@@ -19589,13 +19593,16 @@ var NdcActionViewComponent = function (props) {
19589
19593
  }
19590
19594
  });
19591
19595
  }); };
19592
- var getProjectReportActions = function (reportData) {
19596
+ var getProjectReportActions = function (reportData, reportVersion) {
19593
19597
  return (React.createElement(Row, null,
19594
19598
  React.createElement("div", { className: "icon" },
19595
19599
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19596
19600
  (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19597
19601
  React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19598
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
19602
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
19603
+ (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
19604
+ moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19605
+ " ~ " + reportVersion))));
19599
19606
  };
19600
19607
  var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
19601
19608
  var reportDetails, response, exception_1;
@@ -19643,12 +19650,24 @@ var NdcActionViewComponent = function (props) {
19643
19650
  if ((item === null || item === void 0 ? void 0 : item.status) === DocumentStatus.ACCEPTED) {
19644
19651
  setMonitoringReportAccepted(true);
19645
19652
  }
19653
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19654
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19655
+ var moniteringVersion = version.startsWith("V") ? version : "V1";
19646
19656
  reportDetails[t("ndcAction:viewMoniteringReport")] =
19647
- getProjectReportActions(item);
19657
+ getProjectReportActions(item, moniteringVersion);
19658
+ setMonitoringReportData(item);
19659
+ setMonitoringReportversion(moniteringVersion);
19648
19660
  }
19649
19661
  else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
19662
+ var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
19663
+ var version = versionfull ? versionfull.split(".")[0] : "1";
19664
+ var verificationVersion = version.startsWith("V")
19665
+ ? version
19666
+ : "V1";
19650
19667
  reportDetails[t("ndcAction:viewVerificationReport")] =
19651
- getProjectReportActions(item);
19668
+ getProjectReportActions(item, verificationVersion);
19669
+ setVerificationReportData(item);
19670
+ setVerificationReportversion(verificationVersion);
19652
19671
  }
19653
19672
  });
19654
19673
  }
@@ -19902,8 +19921,60 @@ var NdcActionViewComponent = function (props) {
19902
19921
  React.createElement(Col, { lg: 8, md: 24 },
19903
19922
  React.createElement(Skeleton, { loading: isLoading, active: true },
19904
19923
  React.createElement(Card, { className: "card-container fix-height" },
19905
- React.createElement("div", null,
19906
- React.createElement(InfoView, { data: ndcActionReportDetails, title: t("ndcAction:viewReportsTitle"), icon: React.createElement(Icon.FileEarmarkText, null) })))))),
19924
+ React.createElement("div", { className: "title" },
19925
+ React.createElement("span", { className: "title-icon" }, React.createElement(Icon.FileEarmarkText, null)),
19926
+ React.createElement("span", { className: "title-text" }, t("ndcAction:viewReportsTitle"))),
19927
+ React.createElement("div", { className: "ndc-action-report-body" },
19928
+ React.createElement("div", { className: "report-details" },
19929
+ React.createElement("div", { className: "report-type" },
19930
+ React.createElement("div", { className: "name-time-container" },
19931
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19932
+ ? "name"
19933
+ : "empty" }, t("programme:monitoringReport")),
19934
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime) && (React.createElement("div", { className: "time" },
19935
+ moment(parseInt(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19936
+ " ~ " + monitoringReportversion))),
19937
+ React.createElement("div", { className: "icon" }, !(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
19938
+ ? t("programme:notAuthToUploadDoc")
19939
+ : uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId)
19940
+ ? !canUploadMonitorReport &&
19941
+ t("programme:programmeNotAuth")
19942
+ : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
19943
+ React.createElement(FileAddOutlined, null))))),
19944
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement(Row, null,
19945
+ React.createElement("div", { className: "icon" },
19946
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19947
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19948
+ (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) ===
19949
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19950
+ React.createElement("div", { className: "link mg-left-1" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) &&
19951
+ linkDocVisible(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.status) && (React.createElement("a", { href: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19952
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))))),
19953
+ React.createElement("div", { className: "report-details" },
19954
+ React.createElement("div", { className: "report-type" },
19955
+ React.createElement("div", { className: "name-time-container" },
19956
+ React.createElement("div", { className: canUploadMonitorReport && monitoringReportAccepted
19957
+ ? "name"
19958
+ : "empty" }, t("programme:verificationReport")),
19959
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime) && (React.createElement("div", { className: "time" },
19960
+ moment(parseInt(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
19961
+ " ~ " + verificationReportVersion))),
19962
+ React.createElement("div", { className: "icon" }, !(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
19963
+ ? t("programme:notAuthToUploadDoc")
19964
+ : uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId)
19965
+ ? !monitoringReportAccepted &&
19966
+ t("programme:monitoringRepNotApproved")
19967
+ : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
19968
+ React.createElement(FileAddOutlined, null))))),
19969
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement(Row, null,
19970
+ React.createElement("div", { className: "icon" },
19971
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19972
+ DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
19973
+ (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) ===
19974
+ DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
19975
+ React.createElement("div", { className: "link mg-left-1" }, (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) &&
19976
+ linkDocVisible(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.status) && (React.createElement("a", { href: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
19977
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))))))))))),
19907
19978
  ((ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.Mitigation ||
19908
19979
  (ndcActionDetails === null || ndcActionDetails === void 0 ? void 0 : ndcActionDetails.action) === NdcActionTypes.CrossCutting) && (React.createElement(Row, null,
19909
19980
  React.createElement(Col, { lg: 24, className: "gutter-row" },
@@ -25704,7 +25775,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25704
25775
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25705
25776
  };
25706
25777
 
25707
- var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
25778
+ var css_248z$2 = ".ndc-action-body {\n display: flex;\n flex-direction: column;\n width: 100%; }\n .ndc-action-body .report-details {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%; }\n .ndc-action-body .report-details .report-type .name-time-container {\n display: flex;\n flex-direction: column;\n width: 70%;\n margin-bottom: 0.5rem; }\n .ndc-action-body .report-details .report-type .name {\n font-weight: 600;\n color: rgba(58, 53, 65, 0.8); }\n .ndc-action-body .report-details .report-type .icon {\n display: flex;\n align-items: center;\n width: 30%; }\n .ndc-action-body .report-details .report-type .empty {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link {\n display: flex;\n flex-direction: row;\n width: 40%;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n .ndc-action-body .report-details .report-link .version {\n font-weight: 600;\n color: #cacaca; }\n .ndc-action-body .report-details .report-link .link {\n margin-left: 1rem; }\n";
25708
25779
  styleInject(css_248z$2);
25709
25780
 
25710
25781
  var NdcActionBody = function (props) {
@@ -25922,8 +25993,8 @@ var NdcActionBody = function (props) {
25922
25993
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25923
25994
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25924
25995
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25925
- ? { color: "#3F3A47", cursor: "pointer" }
25926
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
25996
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
25997
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25927
25998
  if (canUploadMonitorReport &&
25928
25999
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25929
26000
  handleFileUploadMonitor();
@@ -25946,8 +26017,8 @@ var NdcActionBody = function (props) {
25946
26017
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
25947
26018
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
25948
26019
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
25949
- ? { color: "#3F3A47", cursor: "pointer" }
25950
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26020
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26021
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
25951
26022
  if (canUploadMonitorReport &&
25952
26023
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
25953
26024
  handleFileUploadMonitor();
@@ -25996,8 +26067,8 @@ var NdcActionBody = function (props) {
25996
26067
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
25997
26068
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
25998
26069
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
25999
- ? { color: "#3F3A47", cursor: "pointer" }
26000
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26070
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26071
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26001
26072
  if (monitoringReportAccepted &&
26002
26073
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
26003
26074
  handleFileUploadVerification();
@@ -26020,8 +26091,8 @@ var NdcActionBody = function (props) {
26020
26091
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
26021
26092
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
26022
26093
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
26023
- ? { color: "#3F3A47", cursor: "pointer" }
26024
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26094
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26095
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26025
26096
  if (monitoringReportAccepted &&
26026
26097
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
26027
26098
  handleFileUploadVerification();
@@ -26035,7 +26106,7 @@ var NdcActionBody = function (props) {
26035
26106
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
26036
26107
  };
26037
26108
 
26038
- var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
26109
+ var css_248z$1 = ".info-view .title-icon {\n padding-right: 10px; }\n\n.info-view .title-text {\n color: rgba(58, 53, 65, 0.8);\n font-weight: 600; }\n\n.info-view .title {\n margin-bottom: 5px; }\n\n.info-view .field-key {\n color: rgba(58, 53, 65, 0.6);\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-key .label-container {\n display: flex;\n flex-direction: row; }\n .info-view .field-key .label {\n width: 70%; }\n .info-view .field-key .label-uploaded {\n color: rgba(58, 53, 65, 0.8);\n width: 70%; }\n\n.info-view .field-value {\n color: rgba(58, 53, 65, 0.6);\n text-overflow: ellipsis;\n overflow: hidden; }\n .info-view .field-value .link {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-start;\n gap: 20px; }\n\n.info-view .field {\n margin: 15px 25px;\n font-size: 0.8rem; }\n";
26039
26110
  styleInject(css_248z$1);
26040
26111
 
26041
26112
  var ProgrammeDocuments = function (props) {
@@ -26309,8 +26380,8 @@ var ProgrammeDocuments = function (props) {
26309
26380
  ? t("programme:notAuthToUploadDoc")
26310
26381
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26311
26382
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26312
- ? { color: "#3F3A47", cursor: "pointer" }
26313
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26383
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26384
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26314
26385
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26315
26386
  } })),
26316
26387
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26323,8 +26394,8 @@ var ProgrammeDocuments = function (props) {
26323
26394
  ? t("programme:notAuthToUploadDoc")
26324
26395
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26325
26396
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26326
- ? { color: "#3F3A47", cursor: "pointer" }
26327
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26397
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26398
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26328
26399
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26329
26400
  } })),
26330
26401
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26377,8 +26448,8 @@ var ProgrammeDocuments = function (props) {
26377
26448
  : !uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26378
26449
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26379
26450
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26380
- ? { color: "#3F3A47", cursor: "pointer" }
26381
- : { color: "#cacaca" }, onClick: function () {
26451
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26452
+ : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26382
26453
  return designDocStatus === DocumentStatus.ACCEPTED &&
26383
26454
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26384
26455
  handleMethodologyFileUpload();
@@ -26397,8 +26468,8 @@ var ProgrammeDocuments = function (props) {
26397
26468
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26398
26469
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26399
26470
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26400
- ? { color: "#3F3A47", cursor: "pointer" }
26401
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26471
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26472
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26402
26473
  return designDocStatus === DocumentStatus.ACCEPTED &&
26403
26474
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26404
26475
  handleMethodologyFileUpload();
@@ -26452,8 +26523,8 @@ var ProgrammeDocuments = function (props) {
26452
26523
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26453
26524
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26454
26525
  !isProjectRejected
26455
- ? { color: "#3F3A47", cursor: "pointer" }
26456
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26526
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26527
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26457
26528
  return uploadImpactAssessmentDocUserPermission &&
26458
26529
  !isProjectRejected &&
26459
26530
  handleImpactAssessmentFileUpload();
@@ -26466,8 +26537,8 @@ var ProgrammeDocuments = function (props) {
26466
26537
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26467
26538
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26468
26539
  !isProjectRejected
26469
- ? { color: "#3F3A47", cursor: "pointer" }
26470
- : { color: "#cacaca", cursor: "default" }, onClick: function () {
26540
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
26541
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
26471
26542
  return uploadImpactAssessmentDocUserPermission &&
26472
26543
  !isProjectRejected &&
26473
26544
  handleImpactAssessmentFileUpload();