@undp/carbon-library 1.0.176-CARBON-373.0 → 1.0.176-CARBON-359.0

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -27459,7 +27459,7 @@ var RejectDocumentationConfirmationModel = function (props) {
27459
27459
  React.createElement(antd.Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
27460
27460
  };
27461
27461
 
27462
- 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";
27462
+ 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 justify-content: space-between; }\n .ndc-action-body .report-details .report-type {\n display: flex;\n flex-direction: row;\n width: 60%;\n align-items: start; }\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 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 justify-content: flex-start;\n gap: 20px;\n align-items: start; }\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";
27463
27463
  styleInject(css_248z$2);
27464
27464
 
27465
27465
  var NdcActionBody = function (props) {
@@ -27721,7 +27721,7 @@ var NdcActionBody = function (props) {
27721
27721
  React.createElement("div", { className: "icon" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) ? (monitoringReportPending ? ((companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
27722
27722
  React.createElement(icons.LikeOutlined, { onClick: function () {
27723
27723
  return docAction(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id, exports.DocumentStatus.ACCEPTED, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type);
27724
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27724
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
27725
27725
  React.createElement(icons.DislikeOutlined, { onClick: function () {
27726
27726
  setRejectDocData({
27727
27727
  id: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id,
@@ -27736,8 +27736,8 @@ var NdcActionBody = function (props) {
27736
27736
  icon: React.createElement(icons.DislikeOutlined, null),
27737
27737
  });
27738
27738
  setOpenRejectDocConfirmationModal(true);
27739
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : monitoringReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (monitoringReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27740
- React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27739
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : monitoringReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (monitoringReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27740
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
27741
27741
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27742
27742
  ? t("programme:notAuthToUploadDoc")
27743
27743
  : uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27746,8 +27746,8 @@ var NdcActionBody = function (props) {
27746
27746
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27747
27747
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27748
27748
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27749
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27750
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27749
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27750
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27751
27751
  if (canUploadMonitorReport &&
27752
27752
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27753
27753
  handleFileUploadMonitor();
@@ -27760,7 +27760,7 @@ var NdcActionBody = function (props) {
27760
27760
  } }))))),
27761
27761
  (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement("div", { className: "report-link" },
27762
27762
  React.createElement("div", { className: "link" }, 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 },
27763
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27763
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
27764
27764
  !monitoringReportAccepted && (React.createElement(React.Fragment, null,
27765
27765
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27766
27766
  ? t("programme:notAuthToUploadDoc")
@@ -27770,8 +27770,8 @@ var NdcActionBody = function (props) {
27770
27770
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27771
27771
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27772
27772
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27773
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27774
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27773
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27774
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27775
27775
  if (canUploadMonitorReport &&
27776
27776
  uploadDocUserPermission(userInfoState, exports.DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27777
27777
  handleFileUploadMonitor();
@@ -27795,7 +27795,7 @@ var NdcActionBody = function (props) {
27795
27795
  ministryLevelPermission) && (React.createElement(React.Fragment, null,
27796
27796
  React.createElement(icons.LikeOutlined, { onClick: function () {
27797
27797
  return docAction(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id, exports.DocumentStatus.ACCEPTED, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.actionId, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.type);
27798
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27798
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
27799
27799
  React.createElement(icons.DislikeOutlined, { onClick: function () {
27800
27800
  setRejectDocData({
27801
27801
  id: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id,
@@ -27810,8 +27810,8 @@ var NdcActionBody = function (props) {
27810
27810
  icon: React.createElement(icons.DislikeOutlined, null),
27811
27811
  });
27812
27812
  setOpenRejectDocConfirmationModal(true);
27813
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : verificationReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (verifcationReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27814
- React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27813
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : verificationReportAccepted ? (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (verifcationReportRejected && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27814
+ React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
27815
27815
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27816
27816
  ? t("programme:notAuthToUploadDoc")
27817
27817
  : uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27820,8 +27820,8 @@ var NdcActionBody = function (props) {
27820
27820
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27821
27821
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27822
27822
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27823
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27824
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27823
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27824
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27825
27825
  if (monitoringReportAccepted &&
27826
27826
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27827
27827
  handleFileUploadVerification();
@@ -27834,7 +27834,7 @@ var NdcActionBody = function (props) {
27834
27834
  } })))))),
27835
27835
  (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement("div", { className: "report-link" },
27836
27836
  React.createElement("div", { className: "link" }, 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 },
27837
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27837
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
27838
27838
  !verificationReportAccepted && monitoringReportAccepted && (React.createElement(React.Fragment, null,
27839
27839
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly
27840
27840
  ? t("programme:notAuthToUploadDoc")
@@ -27844,8 +27844,8 @@ var NdcActionBody = function (props) {
27844
27844
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27845
27845
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27846
27846
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27847
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27848
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27847
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27848
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27849
27849
  if (monitoringReportAccepted &&
27850
27850
  uploadDocUserPermission(userInfoState, exports.DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27851
27851
  handleFileUploadVerification();
@@ -27859,7 +27859,7 @@ var NdcActionBody = function (props) {
27859
27859
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
27860
27860
  };
27861
27861
 
27862
- 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";
27862
+ 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 align-items: start; }\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";
27863
27863
  styleInject(css_248z$1);
27864
27864
 
27865
27865
  var ProgrammeDocuments = function (props) {
@@ -28106,7 +28106,7 @@ var ProgrammeDocuments = function (props) {
28106
28106
  (designDocActionPermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28107
28107
  React.createElement(icons.LikeOutlined, { onClick: function () {
28108
28108
  return docAction(designDocId, exports.DocumentStatus.ACCEPTED);
28109
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28109
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28110
28110
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28111
28111
  setRejectDocData({ id: designDocId });
28112
28112
  setActionInfo({
@@ -28117,8 +28117,8 @@ var ProgrammeDocuments = function (props) {
28117
28117
  icon: React.createElement(icons.DislikeOutlined, null),
28118
28118
  });
28119
28119
  setOpenRejectDocConfirmationModal(true);
28120
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28121
- designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28120
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28121
+ designDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28122
28122
  designDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28123
28123
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28124
28124
  designDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28133,8 +28133,16 @@ var ProgrammeDocuments = function (props) {
28133
28133
  ? t("programme:notAuthToUploadDoc")
28134
28134
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28135
28135
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28136
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28137
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28136
+ ? {
28137
+ color: "#3F3A47",
28138
+ cursor: "pointer",
28139
+ margin: "0px 0px 1.5px 0px",
28140
+ }
28141
+ : {
28142
+ color: "#cacaca",
28143
+ cursor: "default",
28144
+ margin: "0px 0px 1.5px 0px",
28145
+ }, onClick: function () {
28138
28146
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28139
28147
  } })),
28140
28148
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28147,8 +28155,16 @@ var ProgrammeDocuments = function (props) {
28147
28155
  ? t("programme:notAuthToUploadDoc")
28148
28156
  : !uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28149
28157
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28150
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28151
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28158
+ ? {
28159
+ color: "#3F3A47",
28160
+ cursor: "pointer",
28161
+ margin: "0px 0px 1.5px 0px",
28162
+ }
28163
+ : {
28164
+ color: "#cacaca",
28165
+ cursor: "default",
28166
+ margin: "0px 0px 1.5px 0px",
28167
+ }, onClick: function () {
28152
28168
  return uploadDocUserPermission(userInfoState, exports.DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28153
28169
  } })),
28154
28170
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28174,7 +28190,7 @@ var ProgrammeDocuments = function (props) {
28174
28190
  (companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28175
28191
  React.createElement(icons.LikeOutlined, { onClick: function () {
28176
28192
  return docAction(methDocId, exports.DocumentStatus.ACCEPTED);
28177
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28193
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28178
28194
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28179
28195
  setRejectDocData({ id: methDocId });
28180
28196
  setActionInfo({
@@ -28185,8 +28201,8 @@ var ProgrammeDocuments = function (props) {
28185
28201
  icon: React.createElement(icons.DislikeOutlined, null),
28186
28202
  });
28187
28203
  setOpenRejectDocConfirmationModal(true);
28188
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28189
- methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28204
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28205
+ methodDocStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28190
28206
  methodDocStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28191
28207
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28192
28208
  methodologyDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28201,8 +28217,15 @@ var ProgrammeDocuments = function (props) {
28201
28217
  : !uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28202
28218
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
28203
28219
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28204
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28205
- : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28220
+ ? {
28221
+ color: "#3F3A47",
28222
+ cursor: "pointer",
28223
+ margin: "0px 0px 1.5px 0px",
28224
+ }
28225
+ : {
28226
+ color: "#cacaca",
28227
+ margin: "0px 0px 1.5px 0px",
28228
+ }, onClick: function () {
28206
28229
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
28207
28230
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28208
28231
  handleMethodologyFileUpload();
@@ -28221,8 +28244,16 @@ var ProgrammeDocuments = function (props) {
28221
28244
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28222
28245
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === exports.DocumentStatus.ACCEPTED &&
28223
28246
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28224
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28225
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28247
+ ? {
28248
+ color: "#3F3A47",
28249
+ cursor: "pointer",
28250
+ margin: "0px 0px 1.5px 0px",
28251
+ }
28252
+ : {
28253
+ color: "#cacaca",
28254
+ cursor: "default",
28255
+ margin: "0px 0px 1.5px 0px",
28256
+ }, onClick: function () {
28226
28257
  return designDocStatus === exports.DocumentStatus.ACCEPTED &&
28227
28258
  uploadDocUserPermission(userInfoState, exports.DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28228
28259
  handleMethodologyFileUpload();
@@ -28251,7 +28282,7 @@ var ProgrammeDocuments = function (props) {
28251
28282
  (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
28252
28283
  React.createElement(icons.LikeOutlined, { onClick: function () {
28253
28284
  return docAction(impactAssessmentId, exports.DocumentStatus.ACCEPTED);
28254
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28285
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28255
28286
  React.createElement(icons.DislikeOutlined, { onClick: function () {
28256
28287
  setRejectDocData({ id: impactAssessmentId });
28257
28288
  setActionInfo({
@@ -28262,8 +28293,8 @@ var ProgrammeDocuments = function (props) {
28262
28293
  icon: React.createElement(icons.DislikeOutlined, null),
28263
28294
  });
28264
28295
  setOpenRejectDocConfirmationModal(true);
28265
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28266
- impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28296
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28297
+ impactAssessmentStatus === exports.DocumentStatus.ACCEPTED && (React.createElement(icons.CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28267
28298
  impactAssessmentStatus === exports.DocumentStatus.REJECTED && (React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28268
28299
  React.createElement(icons.ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28269
28300
  impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28271,13 +28302,22 @@ var ProgrammeDocuments = function (props) {
28271
28302
  " ~ " + impactAssessmentversion))),
28272
28303
  React.createElement(antd.Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
28273
28304
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
28274
- React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
28305
+ React.createElement("div", null,
28306
+ React.createElement(icons.BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
28275
28307
  impactAssessmentStatus !== exports.DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
28276
28308
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28277
28309
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28278
28310
  !isProjectRejected
28279
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28280
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28311
+ ? {
28312
+ color: "#3F3A47",
28313
+ cursor: "pointer",
28314
+ margin: "0px 0px 1.5px 0px",
28315
+ }
28316
+ : {
28317
+ color: "#cacaca",
28318
+ cursor: "default",
28319
+ margin: "0px 0px 1.5px 0px",
28320
+ }, onClick: function () {
28281
28321
  return uploadImpactAssessmentDocUserPermission &&
28282
28322
  !isProjectRejected &&
28283
28323
  handleImpactAssessmentFileUpload();
@@ -28290,8 +28330,16 @@ var ProgrammeDocuments = function (props) {
28290
28330
  React.createElement(antd.Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28291
28331
  React.createElement(icons.FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28292
28332
  !isProjectRejected
28293
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28294
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28333
+ ? {
28334
+ color: "#3F3A47",
28335
+ cursor: "pointer",
28336
+ margin: "0px 0px 1.5px 0px",
28337
+ }
28338
+ : {
28339
+ color: "#cacaca",
28340
+ cursor: "default",
28341
+ margin: "0px 0px 1.5px 0px",
28342
+ }, onClick: function () {
28295
28343
  return uploadImpactAssessmentDocUserPermission &&
28296
28344
  !isProjectRejected &&
28297
28345
  handleImpactAssessmentFileUpload();