@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.
Files changed (5) hide show
  1. package/dist/cjs/index.js +88 -40
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +88 -40
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -27439,7 +27439,7 @@ var RejectDocumentationConfirmationModel = function (props) {
27439
27439
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
27440
27440
  };
27441
27441
 
27442
- 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";
27442
+ 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";
27443
27443
  styleInject(css_248z$2);
27444
27444
 
27445
27445
  var NdcActionBody = function (props) {
@@ -27701,7 +27701,7 @@ var NdcActionBody = function (props) {
27701
27701
  React.createElement("div", { className: "icon" }, (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) ? (monitoringReportPending ? ((companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
27702
27702
  React.createElement(LikeOutlined, { onClick: function () {
27703
27703
  return docAction(monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id, DocumentStatus.ACCEPTED, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.actionId, monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.type);
27704
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27704
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
27705
27705
  React.createElement(DislikeOutlined, { onClick: function () {
27706
27706
  setRejectDocData({
27707
27707
  id: monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.id,
@@ -27716,8 +27716,8 @@ var NdcActionBody = function (props) {
27716
27716
  icon: React.createElement(DislikeOutlined, null),
27717
27717
  });
27718
27718
  setOpenRejectDocConfirmationModal(true);
27719
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : monitoringReportAccepted ? (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (monitoringReportRejected && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27720
- React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27719
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : monitoringReportAccepted ? (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (monitoringReportRejected && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27720
+ React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
27721
27721
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
27722
27722
  ? t("programme:notAuthToUploadDoc")
27723
27723
  : uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27726,8 +27726,8 @@ var NdcActionBody = function (props) {
27726
27726
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27727
27727
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27728
27728
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27729
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27730
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27729
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27730
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27731
27731
  if (canUploadMonitorReport &&
27732
27732
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27733
27733
  handleFileUploadMonitor();
@@ -27740,7 +27740,7 @@ var NdcActionBody = function (props) {
27740
27740
  } }))))),
27741
27741
  (monitoringReportData === null || monitoringReportData === void 0 ? void 0 : monitoringReportData.url) && (React.createElement("div", { className: "report-link" },
27742
27742
  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 },
27743
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27743
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
27744
27744
  !monitoringReportAccepted && (React.createElement(React.Fragment, null,
27745
27745
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
27746
27746
  ? t("programme:notAuthToUploadDoc")
@@ -27750,8 +27750,8 @@ var NdcActionBody = function (props) {
27750
27750
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
27751
27751
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: canUploadMonitorReport &&
27752
27752
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)
27753
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27754
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27753
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27754
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27755
27755
  if (canUploadMonitorReport &&
27756
27756
  uploadDocUserPermission(userInfoState, DocType.MONITORING_REPORT, programmeOwnerId, ministryLevelPermission)) {
27757
27757
  handleFileUploadMonitor();
@@ -27775,7 +27775,7 @@ var NdcActionBody = function (props) {
27775
27775
  ministryLevelPermission) && (React.createElement(React.Fragment, null,
27776
27776
  React.createElement(LikeOutlined, { onClick: function () {
27777
27777
  return docAction(verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id, DocumentStatus.ACCEPTED, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.actionId, verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.type);
27778
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
27778
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
27779
27779
  React.createElement(DislikeOutlined, { onClick: function () {
27780
27780
  setRejectDocData({
27781
27781
  id: verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.id,
@@ -27790,8 +27790,8 @@ var NdcActionBody = function (props) {
27790
27790
  icon: React.createElement(DislikeOutlined, null),
27791
27791
  });
27792
27792
  setOpenRejectDocConfirmationModal(true);
27793
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } })))) : verificationReportAccepted ? (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })) : (verifcationReportRejected && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27794
- React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))))) : (React.createElement(React.Fragment, null,
27793
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } })))) : verificationReportAccepted ? (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })) : (verifcationReportRejected && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
27794
+ React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70", paddingTop: '3px' } }))))) : (React.createElement(React.Fragment, null,
27795
27795
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
27796
27796
  ? t("programme:notAuthToUploadDoc")
27797
27797
  : uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
@@ -27800,8 +27800,8 @@ var NdcActionBody = function (props) {
27800
27800
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27801
27801
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27802
27802
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27803
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27804
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27803
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27804
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27805
27805
  if (monitoringReportAccepted &&
27806
27806
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27807
27807
  handleFileUploadVerification();
@@ -27814,7 +27814,7 @@ var NdcActionBody = function (props) {
27814
27814
  } })))))),
27815
27815
  (verificationReportData === null || verificationReportData === void 0 ? void 0 : verificationReportData.url) && (React.createElement("div", { className: "report-link" },
27816
27816
  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 },
27817
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
27817
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47", paddingTop: '3px' } })))),
27818
27818
  !verificationReportAccepted && monitoringReportAccepted && (React.createElement(React.Fragment, null,
27819
27819
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly
27820
27820
  ? t("programme:notAuthToUploadDoc")
@@ -27824,8 +27824,8 @@ var NdcActionBody = function (props) {
27824
27824
  : t("programme:notAuthToUploadDoc"), overlayClassName: "custom-tooltip" },
27825
27825
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: monitoringReportAccepted &&
27826
27826
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)
27827
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
27828
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
27827
+ ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }
27828
+ : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px", paddingTop: '3px' }, onClick: function () {
27829
27829
  if (monitoringReportAccepted &&
27830
27830
  uploadDocUserPermission(userInfoState, DocType.VERIFICATION_REPORT, programmeOwnerId, ministryLevelPermission)) {
27831
27831
  handleFileUploadVerification();
@@ -27839,7 +27839,7 @@ var NdcActionBody = function (props) {
27839
27839
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
27840
27840
  };
27841
27841
 
27842
- 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";
27842
+ 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";
27843
27843
  styleInject(css_248z$1);
27844
27844
 
27845
27845
  var ProgrammeDocuments = function (props) {
@@ -28086,7 +28086,7 @@ var ProgrammeDocuments = function (props) {
28086
28086
  (designDocActionPermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28087
28087
  React.createElement(LikeOutlined, { onClick: function () {
28088
28088
  return docAction(designDocId, DocumentStatus.ACCEPTED);
28089
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28089
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28090
28090
  React.createElement(DislikeOutlined, { onClick: function () {
28091
28091
  setRejectDocData({ id: designDocId });
28092
28092
  setActionInfo({
@@ -28097,8 +28097,8 @@ var ProgrammeDocuments = function (props) {
28097
28097
  icon: React.createElement(DislikeOutlined, null),
28098
28098
  });
28099
28099
  setOpenRejectDocConfirmationModal(true);
28100
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28101
- designDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28100
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28101
+ designDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28102
28102
  designDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28103
28103
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28104
28104
  designDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28113,8 +28113,16 @@ var ProgrammeDocuments = function (props) {
28113
28113
  ? t("programme:notAuthToUploadDoc")
28114
28114
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28115
28115
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28116
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28117
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28116
+ ? {
28117
+ color: "#3F3A47",
28118
+ cursor: "pointer",
28119
+ margin: "0px 0px 1.5px 0px",
28120
+ }
28121
+ : {
28122
+ color: "#cacaca",
28123
+ cursor: "default",
28124
+ margin: "0px 0px 1.5px 0px",
28125
+ }, onClick: function () {
28118
28126
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28119
28127
  } })),
28120
28128
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28127,8 +28135,16 @@ var ProgrammeDocuments = function (props) {
28127
28135
  ? t("programme:notAuthToUploadDoc")
28128
28136
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28129
28137
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28130
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28131
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28138
+ ? {
28139
+ color: "#3F3A47",
28140
+ cursor: "pointer",
28141
+ margin: "0px 0px 1.5px 0px",
28142
+ }
28143
+ : {
28144
+ color: "#cacaca",
28145
+ cursor: "default",
28146
+ margin: "0px 0px 1.5px 0px",
28147
+ }, onClick: function () {
28132
28148
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
28133
28149
  } })),
28134
28150
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -28154,7 +28170,7 @@ var ProgrammeDocuments = function (props) {
28154
28170
  (companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
28155
28171
  React.createElement(LikeOutlined, { onClick: function () {
28156
28172
  return docAction(methDocId, DocumentStatus.ACCEPTED);
28157
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28173
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28158
28174
  React.createElement(DislikeOutlined, { onClick: function () {
28159
28175
  setRejectDocData({ id: methDocId });
28160
28176
  setActionInfo({
@@ -28165,8 +28181,8 @@ var ProgrammeDocuments = function (props) {
28165
28181
  icon: React.createElement(DislikeOutlined, null),
28166
28182
  });
28167
28183
  setOpenRejectDocConfirmationModal(true);
28168
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28169
- methodDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28184
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28185
+ methodDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28170
28186
  methodDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28171
28187
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28172
28188
  methodologyDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28181,8 +28197,15 @@ var ProgrammeDocuments = function (props) {
28181
28197
  : !uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28182
28198
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
28183
28199
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28184
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28185
- : { color: "#cacaca", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28200
+ ? {
28201
+ color: "#3F3A47",
28202
+ cursor: "pointer",
28203
+ margin: "0px 0px 1.5px 0px",
28204
+ }
28205
+ : {
28206
+ color: "#cacaca",
28207
+ margin: "0px 0px 1.5px 0px",
28208
+ }, onClick: function () {
28186
28209
  return designDocStatus === DocumentStatus.ACCEPTED &&
28187
28210
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28188
28211
  handleMethodologyFileUpload();
@@ -28201,8 +28224,16 @@ var ProgrammeDocuments = function (props) {
28201
28224
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
28202
28225
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
28203
28226
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
28204
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28205
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28227
+ ? {
28228
+ color: "#3F3A47",
28229
+ cursor: "pointer",
28230
+ margin: "0px 0px 1.5px 0px",
28231
+ }
28232
+ : {
28233
+ color: "#cacaca",
28234
+ cursor: "default",
28235
+ margin: "0px 0px 1.5px 0px",
28236
+ }, onClick: function () {
28206
28237
  return designDocStatus === DocumentStatus.ACCEPTED &&
28207
28238
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
28208
28239
  handleMethodologyFileUpload();
@@ -28231,7 +28262,7 @@ var ProgrammeDocuments = function (props) {
28231
28262
  (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
28232
28263
  React.createElement(LikeOutlined, { onClick: function () {
28233
28264
  return docAction(impactAssessmentId, DocumentStatus.ACCEPTED);
28234
- }, className: "common-progress-icon", style: { color: "#976ED7" } }),
28265
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
28235
28266
  React.createElement(DislikeOutlined, { onClick: function () {
28236
28267
  setRejectDocData({ id: impactAssessmentId });
28237
28268
  setActionInfo({
@@ -28242,8 +28273,8 @@ var ProgrammeDocuments = function (props) {
28242
28273
  icon: React.createElement(DislikeOutlined, null),
28243
28274
  });
28244
28275
  setOpenRejectDocConfirmationModal(true);
28245
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70" } }))),
28246
- impactAssessmentStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
28276
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
28277
+ impactAssessmentStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
28247
28278
  impactAssessmentStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
28248
28279
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
28249
28280
  impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" },
@@ -28251,13 +28282,22 @@ var ProgrammeDocuments = function (props) {
28251
28282
  " ~ " + impactAssessmentversion))),
28252
28283
  React.createElement(Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
28253
28284
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
28254
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
28285
+ React.createElement("div", null,
28286
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
28255
28287
  impactAssessmentStatus !== DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
28256
28288
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28257
28289
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28258
28290
  !isProjectRejected
28259
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28260
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28291
+ ? {
28292
+ color: "#3F3A47",
28293
+ cursor: "pointer",
28294
+ margin: "0px 0px 1.5px 0px",
28295
+ }
28296
+ : {
28297
+ color: "#cacaca",
28298
+ cursor: "default",
28299
+ margin: "0px 0px 1.5px 0px",
28300
+ }, onClick: function () {
28261
28301
  return uploadImpactAssessmentDocUserPermission &&
28262
28302
  !isProjectRejected &&
28263
28303
  handleImpactAssessmentFileUpload();
@@ -28270,8 +28310,16 @@ var ProgrammeDocuments = function (props) {
28270
28310
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
28271
28311
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
28272
28312
  !isProjectRejected
28273
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 2.5px 0px" }
28274
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 2.5px 0px" }, onClick: function () {
28313
+ ? {
28314
+ color: "#3F3A47",
28315
+ cursor: "pointer",
28316
+ margin: "0px 0px 1.5px 0px",
28317
+ }
28318
+ : {
28319
+ color: "#cacaca",
28320
+ cursor: "default",
28321
+ margin: "0px 0px 1.5px 0px",
28322
+ }, onClick: function () {
28275
28323
  return uploadImpactAssessmentDocUserPermission &&
28276
28324
  !isProjectRejected &&
28277
28325
  handleImpactAssessmentFileUpload();