@undp/carbon-library 1.0.166-CARBON-359.7 → 1.0.166-CARBON-359.12

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 +72 -24
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +72 -24
  4. package/dist/esm/index.js.map +1 -1
  5. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -25772,7 +25772,7 @@ var RejectDocumentationConfirmationModel = function (props) {
25772
25772
  React.createElement(Button, { className: "mg-left-2", type: "primary", danger: true, htmlType: "submit", loading: loading, disabled: actionInfo.type === "reject" && comment === "" }, "REJECT")))));
25773
25773
  };
25774
25774
 
25775
- 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 .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 .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";
25775
+ 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";
25776
25776
  styleInject(css_248z$2);
25777
25777
 
25778
25778
  var NdcActionBody = function (props) {
@@ -26103,7 +26103,7 @@ var NdcActionBody = function (props) {
26103
26103
  React.createElement(RejectDocumentationConfirmationModel, { actionInfo: actionInfo, onActionConfirmed: handleOk, onActionCanceled: handleCancel, openModal: openRejectDocConfirmationModal, errorMsg: "", loading: loading, translator: translator })));
26104
26104
  };
26105
26105
 
26106
- 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";
26106
+ 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";
26107
26107
  styleInject(css_248z$1);
26108
26108
 
26109
26109
  var ProgrammeDocuments = function (props) {
@@ -26350,7 +26350,7 @@ var ProgrammeDocuments = function (props) {
26350
26350
  (designDocActionPermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
26351
26351
  React.createElement(LikeOutlined, { onClick: function () {
26352
26352
  return docAction(designDocId, DocumentStatus.ACCEPTED);
26353
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
26353
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
26354
26354
  React.createElement(DislikeOutlined, { onClick: function () {
26355
26355
  setRejectDocData({ id: designDocId });
26356
26356
  setActionInfo({
@@ -26361,8 +26361,8 @@ var ProgrammeDocuments = function (props) {
26361
26361
  icon: React.createElement(DislikeOutlined, null),
26362
26362
  });
26363
26363
  setOpenRejectDocConfirmationModal(true);
26364
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } }))),
26365
- designDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })),
26364
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
26365
+ designDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
26366
26366
  designDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
26367
26367
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
26368
26368
  designDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -26377,8 +26377,16 @@ var ProgrammeDocuments = function (props) {
26377
26377
  ? t("programme:notAuthToUploadDoc")
26378
26378
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26379
26379
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26380
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26381
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26380
+ ? {
26381
+ color: "#3F3A47",
26382
+ cursor: "pointer",
26383
+ margin: "0px 0px 1.5px 0px",
26384
+ }
26385
+ : {
26386
+ color: "#cacaca",
26387
+ cursor: "default",
26388
+ margin: "0px 0px 1.5px 0px",
26389
+ }, onClick: function () {
26382
26390
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26383
26391
  } })),
26384
26392
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26391,8 +26399,16 @@ var ProgrammeDocuments = function (props) {
26391
26399
  ? t("programme:notAuthToUploadDoc")
26392
26400
  : !uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26393
26401
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26394
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26395
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26402
+ ? {
26403
+ color: "#3F3A47",
26404
+ cursor: "pointer",
26405
+ margin: "0px 0px 1.5px 0px",
26406
+ }
26407
+ : {
26408
+ color: "#cacaca",
26409
+ cursor: "default",
26410
+ margin: "0px 0px 1.5px 0px",
26411
+ }, onClick: function () {
26396
26412
  return uploadDocUserPermission(userInfoState, DocType.DESIGN_DOCUMENT, programmeOwnerId, ministryLevelPermission) && handleDesignDocFileUpload();
26397
26413
  } })),
26398
26414
  React.createElement("input", { type: "file", ref: fileInputRef, style: { display: "none" }, accept: ".xls, .xlsx, .ppt, .pptx, .csv, .doc, .docx, .pdf, .png, .jpg", onChange: function (e) {
@@ -26418,7 +26434,7 @@ var ProgrammeDocuments = function (props) {
26418
26434
  (companyRolePermission || ministryLevelPermission) && (React.createElement(React.Fragment, null,
26419
26435
  React.createElement(LikeOutlined, { onClick: function () {
26420
26436
  return docAction(methDocId, DocumentStatus.ACCEPTED);
26421
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
26437
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
26422
26438
  React.createElement(DislikeOutlined, { onClick: function () {
26423
26439
  setRejectDocData({ id: methDocId });
26424
26440
  setActionInfo({
@@ -26429,8 +26445,8 @@ var ProgrammeDocuments = function (props) {
26429
26445
  icon: React.createElement(DislikeOutlined, null),
26430
26446
  });
26431
26447
  setOpenRejectDocConfirmationModal(true);
26432
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } }))),
26433
- methodDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })),
26448
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
26449
+ methodDocStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
26434
26450
  methodDocStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
26435
26451
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
26436
26452
  methodologyDocUrl !== "" && (React.createElement("div", { className: "time" },
@@ -26445,8 +26461,15 @@ var ProgrammeDocuments = function (props) {
26445
26461
  : !uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) && t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26446
26462
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26447
26463
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26448
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26449
- : { color: "#cacaca", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26464
+ ? {
26465
+ color: "#3F3A47",
26466
+ cursor: "pointer",
26467
+ margin: "0px 0px 1.5px 0px",
26468
+ }
26469
+ : {
26470
+ color: "#cacaca",
26471
+ margin: "0px 0px 1.5px 0px",
26472
+ }, onClick: function () {
26450
26473
  return designDocStatus === DocumentStatus.ACCEPTED &&
26451
26474
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26452
26475
  handleMethodologyFileUpload();
@@ -26465,8 +26488,16 @@ var ProgrammeDocuments = function (props) {
26465
26488
  : t("programme:orgNotAuth"), overlayClassName: "custom-tooltip" },
26466
26489
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: designDocStatus === DocumentStatus.ACCEPTED &&
26467
26490
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission)
26468
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26469
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26491
+ ? {
26492
+ color: "#3F3A47",
26493
+ cursor: "pointer",
26494
+ margin: "0px 0px 1.5px 0px",
26495
+ }
26496
+ : {
26497
+ color: "#cacaca",
26498
+ cursor: "default",
26499
+ margin: "0px 0px 1.5px 0px",
26500
+ }, onClick: function () {
26470
26501
  return designDocStatus === DocumentStatus.ACCEPTED &&
26471
26502
  uploadDocUserPermission(userInfoState, DocType.METHODOLOGY_DOCUMENT, programmeOwnerId, ministryLevelPermission) &&
26472
26503
  handleMethodologyFileUpload();
@@ -26495,7 +26526,7 @@ var ProgrammeDocuments = function (props) {
26495
26526
  (ministryLevelPermission || companyRolePermission) && (React.createElement(React.Fragment, null,
26496
26527
  React.createElement(LikeOutlined, { onClick: function () {
26497
26528
  return docAction(impactAssessmentId, DocumentStatus.ACCEPTED);
26498
- }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: '3px' } }),
26529
+ }, className: "common-progress-icon", style: { color: "#976ED7", paddingTop: "3px" } }),
26499
26530
  React.createElement(DislikeOutlined, { onClick: function () {
26500
26531
  setRejectDocData({ id: impactAssessmentId });
26501
26532
  setActionInfo({
@@ -26506,8 +26537,8 @@ var ProgrammeDocuments = function (props) {
26506
26537
  icon: React.createElement(DislikeOutlined, null),
26507
26538
  });
26508
26539
  setOpenRejectDocConfirmationModal(true);
26509
- }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: '3px' } }))),
26510
- impactAssessmentStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: '3px' } })),
26540
+ }, className: "common-progress-icon margin-left-1", style: { color: "#FD6F70", paddingTop: "3px" } }))),
26541
+ impactAssessmentStatus === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380", paddingTop: "3px" } })),
26511
26542
  impactAssessmentStatus === DocumentStatus.REJECTED && (React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: t("programme:rejectTip"), overlayClassName: "custom-tooltip" },
26512
26543
  React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } })))),
26513
26544
  impactAssessmentUrl !== "" && (React.createElement("div", { className: "time" },
@@ -26515,13 +26546,22 @@ var ProgrammeDocuments = function (props) {
26515
26546
  " ~ " + impactAssessmentversion))),
26516
26547
  React.createElement(Col, { span: 6, className: "field-value" }, impactAssessmentUrl !== "" ? (React.createElement("div", { className: "link" },
26517
26548
  linkDocVisible(impactAssessmentStatus) && (React.createElement("a", { href: impactAssessmentUrl, target: "_blank", rel: "noopener noreferrer", download: true },
26518
- React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))),
26549
+ React.createElement("div", null,
26550
+ React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
26519
26551
  impactAssessmentStatus !== DocumentStatus.ACCEPTED && (React.createElement(React.Fragment, null,
26520
26552
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26521
26553
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26522
26554
  !isProjectRejected
26523
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26524
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26555
+ ? {
26556
+ color: "#3F3A47",
26557
+ cursor: "pointer",
26558
+ margin: "0px 0px 1.5px 0px",
26559
+ }
26560
+ : {
26561
+ color: "#cacaca",
26562
+ cursor: "default",
26563
+ margin: "0px 0px 1.5px 0px",
26564
+ }, onClick: function () {
26525
26565
  return uploadImpactAssessmentDocUserPermission &&
26526
26566
  !isProjectRejected &&
26527
26567
  handleImpactAssessmentFileUpload();
@@ -26534,8 +26574,16 @@ var ProgrammeDocuments = function (props) {
26534
26574
  React.createElement(Tooltip, { arrowPointAtCenter: true, placement: "top", trigger: "hover", title: impactAssessmentToolTipTitle, overlayClassName: "custom-tooltip" },
26535
26575
  React.createElement(FileAddOutlined, { className: "common-progress-icon", style: uploadImpactAssessmentDocUserPermission &&
26536
26576
  !isProjectRejected
26537
- ? { color: "#3F3A47", cursor: "pointer", margin: "0px 0px 1.5px 0px" }
26538
- : { color: "#cacaca", cursor: "default", margin: "0px 0px 1.5px 0px" }, onClick: function () {
26577
+ ? {
26578
+ color: "#3F3A47",
26579
+ cursor: "pointer",
26580
+ margin: "0px 0px 1.5px 0px",
26581
+ }
26582
+ : {
26583
+ color: "#cacaca",
26584
+ cursor: "default",
26585
+ margin: "0px 0px 1.5px 0px",
26586
+ }, onClick: function () {
26539
26587
  return uploadImpactAssessmentDocUserPermission &&
26540
26588
  !isProjectRejected &&
26541
26589
  handleImpactAssessmentFileUpload();