@undp/carbon-library 1.0.150-CARBON-343.7 → 1.0.150-CARBON-350.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/dist/cjs/index.js +586 -286
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts +1 -1
  4. package/dist/cjs/types/Components/Common/CoBenifits/socialEnvironmentalRisk.d.ts +3 -0
  5. package/dist/esm/index.js +586 -286
  6. package/dist/esm/index.js.map +1 -1
  7. package/dist/esm/types/Components/Common/AntComponents/antTableComponents.d.ts +1 -1
  8. package/dist/esm/types/Components/Common/CoBenifits/socialEnvironmentalRisk.d.ts +3 -0
  9. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -16956,7 +16956,7 @@ var NdcActionDetails = function (props) {
16956
16956
  var css_248z$f = ".add-ndc-main-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 50px; }\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input,\n .add-ndc-main-container .ant-input-status-error:not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover {\n border-color: #ff4d4f !important; }\n .add-ndc-main-container .step-title-container {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 1rem; }\n .add-ndc-main-container .step-title-container .step-count {\n font-size: 2.2rem;\n font-weight: 800;\n margin-right: 0.4rem;\n color: rgba(58, 53, 65, 0.8); }\n .add-ndc-main-container .step-title-container .title {\n font-size: 1rem;\n font-weight: 600;\n color: #3a3541;\n white-space: nowrap; }\n .add-ndc-main-container .title-container {\n display: flex;\n flex-direction: column;\n border-radius: 5px; }\n .add-ndc-main-container .title-container .main {\n font-size: 1.25rem;\n font-weight: 500;\n color: #6642eb; }\n .add-ndc-main-container .title-container .sub {\n font-size: 0.8rem;\n color: #555657; }\n .add-ndc-main-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .add-ndc-main-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .add-ndc-main-container .adding-section {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 2.5rem 1.5rem 2.5rem 1.5rem; }\n .add-ndc-main-container .adding-section .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: start;\n align-items: start;\n width: 100%; }\n .add-ndc-main-container .adding-section .design-upload-section .icon-color {\n color: #9155fd !important; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload {\n width: 130px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n width: 300px; }\n .add-ndc-main-container .adding-section .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .add-ndc-main-container .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: start;\n margin-left: 10px; }\n .add-ndc-main-container .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .add-ndc-main-container .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n";
16957
16957
  styleInject(css_248z$f);
16958
16958
 
16959
- var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n";
16959
+ var css_248z$e = ".co-benifits-container {\n width: 100%; }\n .co-benifits-container .ant-form-item-label > label::after {\n content: none; }\n .co-benifits-container .ant-radio-button-wrapper {\n border-radius: 4px !important;\n color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:first-child,\n .co-benifits-container .view-section .ant-radio-button-wrapper-disabled:hover {\n color: rgba(140, 140, 140, 0.7);\n background-color: #ffffff;\n border-color: rgba(140, 140, 140, 0.7); }\n .co-benifits-container .view-section .ant-input[disabled] {\n color: rgba(140, 140, 140, 0.7) !important;\n background-color: #ffffff !important;\n border-color: rgba(140, 140, 140, 0.7) !important; }\n .co-benifits-container .steps-actions {\n display: flex;\n flex-direction: row-reverse; }\n .co-benifits-container .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n .co-benifits-container .co-sub-title-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-sub-header-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 16px;\n font-family: Inter;\n font-weight: 600;\n line-height: 22px; }\n .co-benifits-container .co-view-label-text {\n color: rgba(58, 53, 65, 0.5);\n font-size: 14px;\n font-family: Inter;\n font-weight: 400;\n line-height: 18.5px; }\n .co-benifits-container .benifits-tabs {\n width: 100%; }\n .co-benifits-container .benifits-tabs .unfcccSdTool-section-title {\n text-align: center;\n margin-bottom: 5px;\n margin-top: 10px;\n font-weight: 700;\n color: rgba(58, 53, 65, 0.5); }\n .co-benifits-container .benifits-tabs .unfccSdTool-section-wrapper {\n display: flex;\n justify-content: center;\n align-items: center; }\n .co-benifits-container .benifits-tabs .unfccSdTool-section-divider {\n border-bottom: 1px solid rgba(58, 53, 65, 0.5) !important;\n width: 100% !important; }\n .co-benifits-container .benifits-tabs .undpSesp-section-title {\n text-align: center;\n margin-bottom: 5px;\n margin-top: 5px;\n font-weight: 700;\n color: rgba(58, 53, 65, 0.5); }\n .co-benifits-container .benifits-tabs .undpSesp-section-wrapper {\n display: flex;\n justify-content: center;\n align-items: center; }\n .co-benifits-container .benifits-tabs .undpSesp-section-divider {\n border-bottom: 1px solid rgba(58, 53, 65, 0.5) !important;\n width: 100% !important;\n margin-bottom: 20px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item {\n width: 100%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-form-item-label {\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container {\n width: 35%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-gender-parity .part-one .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container img:hover {\n box-shadow: 0 0 11px rgba(33, 33, 33, 0.2); }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data {\n display: flex;\n width: 88%;\n align-items: center;\n justify-content: center;\n padding-top: 1.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data .images {\n display: flex;\n border: 1px solid black;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-sdg-goals .row .col .img-container-data img {\n width: 100%;\n height: auto;\n border: 1px solid #e4e4e4;\n border-radius: 5px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-environmental .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic {\n width: 95%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section {\n width: 100%;\n display: flex;\n flex-direction: column; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .title {\n width: 100%;\n color: rgba(58, 53, 65, 0.5);\n font-weight: 600; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .field-margin {\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item {\n width: 100%;\n padding-left: 2rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-form-item-label {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n text-align: left;\n justify-content: flex-start;\n white-space: initial; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group {\n width: 95%;\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:first-child {\n margin-right: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-group .yes-no-radio-container:last-child {\n margin-left: 1rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container {\n width: 25%;\n text-align: center;\n max-width: 90px; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper::before {\n background-color: transparent; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .anticon {\n margin-right: 0.5rem; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .benifits-details-economic .section .form-item .yes-no-radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .co-benifits-tab-item .row .col {\n display: flex;\n flex-direction: column !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .assesment-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: start;\n width: 100%; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .icon-color {\n color: #16b1ff !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list {\n align-items: center;\n justify-content: center;\n max-width: 500px;\n margin-left: 5px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .design-upload-section .ant-upload-list .ant-upload-list-item {\n margin-top: 0; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .upload-doc {\n height: 40px !important;\n margin-right: 240px; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-upload-list-item {\n border-radius: 5px !important;\n height: 40px !important; }\n .co-benifits-container .benifits-tabs .assesment-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .safeguard-tab-item .ant-form-item-label-left {\n padding-right: 5px; }\n .co-benifits-container .benifits-tabs .social-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view {\n margin-right: 2rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child {\n margin-right: 2rem;\n width: 28%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio-container-view-child .ant-radio-button-wrapper {\n border: 1px solid #d9d9d9; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n .co-benifits-container .benifits-tabs .social-tab-item Input {\n height: 40px; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item {\n width: 95%;\n margin-left: 3rem; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group {\n text-align: center;\n align-items: center;\n justify-content: flex-end; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio-container {\n margin-right: 1rem;\n width: 35%;\n max-width: 90px;\n text-align: center; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio-container .ant-radio-button-wrapper-checked:not(\n .ant-radio-button-wrapper-disabled\n) {\n color: #ffffff !important;\n border-color: #9155fd !important;\n box-shadow: none; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio {\n width: 100%; }\n .co-benifits-container .benifits-tabs .social-environment-tab-item .ant-radio-group .radio .ant-radio-button-checked {\n background: #9155fd;\n color: #ffffff; }\n";
16960
16960
  styleInject(css_248z$e);
16961
16961
 
16962
16962
  var GenderParity = function (props) {
@@ -18058,6 +18058,12 @@ var Safeguards = function (props) {
18058
18058
  return (React.createElement(React.Fragment, null,
18059
18059
  viewOnly && !safeGuardViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18060
18060
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
18061
+ React.createElement("div", { className: "undpSesp-section-wrapper" },
18062
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18063
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18064
+ React.createElement("span", null, t("undpSespTitle"))),
18065
+ React.createElement(Col, { span: 24 },
18066
+ React.createElement("div", { className: "undpSesp-section-divider" })))),
18061
18067
  React.createElement(Form, { onValuesChange: onSafeguardValuesChanged, name: "safeguardDetails", labelWrap: true, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", form: form }, updatedFormElementList.map(function (sectionItem) {
18062
18068
  return (React.createElement(React.Fragment, null,
18063
18069
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -18124,7 +18130,7 @@ var Safeguards = function (props) {
18124
18130
 
18125
18131
  var Environmental = function (props) {
18126
18132
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
18127
- translator.setDefaultNamespace('environment');
18133
+ translator.setDefaultNamespace('unfcccSdTool');
18128
18134
  var t = translator.t;
18129
18135
  var environmentalDetailsInitial = [
18130
18136
  {
@@ -18409,39 +18415,50 @@ var Environmental = function (props) {
18409
18415
  }, []);
18410
18416
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18411
18417
  React.createElement(Form, { name: "environmental-details", className: "benifits-details-environmental", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEnvironmentalValuesChanged },
18412
- (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18413
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
18414
- var _a;
18415
- return (React.createElement(React.Fragment, null,
18416
- React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18417
- _a.map(function (field, index) {
18418
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18419
- {
18420
- required: field === null || field === void 0 ? void 0 : field.required,
18421
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18422
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18423
- },
18424
- ] },
18425
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18426
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18427
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18428
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18429
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18430
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18431
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18432
- React.createElement("div", { className: "yes-no-radio-container" },
18433
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18434
- React.createElement("div", { className: "yes-no-radio-container" },
18435
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18436
- React.createElement("div", { className: "yes-no-radio-container" },
18437
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18438
- })));
18439
- })))));
18418
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
18419
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18420
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18421
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18422
+ React.createElement("span", null, t("unfcccSdToolTitle"))),
18423
+ React.createElement(Col, { span: 24 },
18424
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18425
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18426
+ React.createElement("span", null, t("environmental"))),
18427
+ React.createElement(Col, { span: 24 },
18428
+ React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: '20px' } })))),
18429
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
18430
+ environmentalDetails.map(function (environmentalDetail) {
18431
+ var _a;
18432
+ return (React.createElement(React.Fragment, null,
18433
+ React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18434
+ _a.map(function (field, index) {
18435
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18436
+ {
18437
+ required: field === null || field === void 0 ? void 0 : field.required,
18438
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18439
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18440
+ },
18441
+ ] },
18442
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18443
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18444
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18445
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18446
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18447
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18448
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18449
+ React.createElement("div", { className: "yes-no-radio-container" },
18450
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18451
+ React.createElement("div", { className: "yes-no-radio-container" },
18452
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18453
+ React.createElement("div", { className: "yes-no-radio-container" },
18454
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18455
+ })));
18456
+ })))));
18440
18457
  };
18441
18458
 
18442
18459
  var Economic = function (props) {
18443
18460
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
18444
- translator.setDefaultNamespace("economic");
18461
+ translator.setDefaultNamespace("unfcccSdTool");
18445
18462
  var t = translator.t;
18446
18463
  var economicDetailsInitial = [
18447
18464
  {
@@ -18694,39 +18711,46 @@ var Economic = function (props) {
18694
18711
  }, []);
18695
18712
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18696
18713
  React.createElement(Form, { name: "economic-details", className: "benifits-details-economic", labelCol: { md: 16, lg: 19, xl: 17 }, wrapperCol: { md: 8, lg: 5, xl: 7 }, layout: "horizontal", requiredMark: true, form: formOne, onFieldsChange: onFieldsChange, onValuesChange: onEconomicValuesChanged },
18697
- (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18698
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
18699
- var _a;
18700
- return (React.createElement(React.Fragment, null,
18701
- React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18702
- _a.map(function (field, index) {
18703
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18704
- {
18705
- required: field === null || field === void 0 ? void 0 : field.required,
18706
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18707
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18708
- },
18709
- ] },
18710
- React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18711
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18712
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18713
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18714
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18715
- (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18716
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18717
- React.createElement("div", { className: "yes-no-radio-container" },
18718
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18719
- React.createElement("div", { className: "yes-no-radio-container" },
18720
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18721
- React.createElement("div", { className: "yes-no-radio-container" },
18722
- React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18723
- })));
18724
- })))));
18714
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
18715
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18716
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18717
+ React.createElement(Col, { span: 24 },
18718
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18719
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18720
+ React.createElement("span", null, t("economic"))))),
18721
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
18722
+ economicDetails.map(function (environmentalDetail) {
18723
+ var _a;
18724
+ return (React.createElement(React.Fragment, null,
18725
+ React.createElement("div", { className: "title" }, environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.section), (_a = environmentalDetail === null || environmentalDetail === void 0 ? void 0 : environmentalDetail.fields) === null || _a === void 0 ? void 0 :
18726
+ _a.map(function (field, index) {
18727
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(Form.Item, { label: field === null || field === void 0 ? void 0 : field.label, className: "form-item ".concat(index !== 0 ? "field-margin" : ""), name: field === null || field === void 0 ? void 0 : field.name, rules: [
18728
+ {
18729
+ required: field === null || field === void 0 ? void 0 : field.required,
18730
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18731
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18732
+ },
18733
+ ] },
18734
+ React.createElement(Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18735
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18736
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes")))),
18737
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18738
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no")))),
18739
+ (field === null || field === void 0 ? void 0 : field.value) === RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18740
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18741
+ React.createElement("div", { className: "yes-no-radio-container" },
18742
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.YES }, t("yes"))),
18743
+ React.createElement("div", { className: "yes-no-radio-container" },
18744
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NO }, t("no"))),
18745
+ React.createElement("div", { className: "yes-no-radio-container" },
18746
+ React.createElement(Radio.Button, { className: "yes-no-radio", value: RadioButtonStatus.NA }, t("na"))))))));
18747
+ })));
18748
+ })))));
18725
18749
  };
18726
18750
 
18727
18751
  var Social = function (props) {
18728
18752
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
18729
- translator.setDefaultNamespace("social");
18753
+ translator.setDefaultNamespace("unfcccSdTool");
18730
18754
  var t = translator.t;
18731
18755
  var form = Form.useForm()[0];
18732
18756
  var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -18945,6 +18969,12 @@ var Social = function (props) {
18945
18969
  validateForm();
18946
18970
  });
18947
18971
  return (React.createElement("div", { className: "social-tab-item" },
18972
+ React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18973
+ React.createElement(Row, { justify: "center", align: "middle", style: { width: '100%' } },
18974
+ React.createElement(Col, { span: 24 },
18975
+ React.createElement("div", { className: "unfccSdTool-section-divider" })),
18976
+ React.createElement(Col, { span: 24, className: "unfcccSdTool-section-title" },
18977
+ React.createElement("span", null, t("social"))))),
18948
18978
  viewOnly && !socialViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
18949
18979
  ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(Form, { name: "socialDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: onSocialValuesChanged }, SocialElementDetails.map(function (element) {
18950
18980
  return (React.createElement(React.Fragment, null,
@@ -18987,7 +19017,7 @@ var Social = function (props) {
18987
19017
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
18988
19018
  React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
18989
19019
  React.createElement(Radio.Group, { size: "middle", disabled: true },
18990
- React.createElement("div", { className: "radio-container" },
19020
+ React.createElement("div", { className: "radio-container-view" },
18991
19021
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
18992
19022
  socialViewData[element.name] === RadioButtonStatus.YES &&
18993
19023
  element.subItems.map(function (elementItem) {
@@ -18995,7 +19025,7 @@ var Social = function (props) {
18995
19025
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
18996
19026
  React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
18997
19027
  React.createElement(Radio.Group, { size: "middle", disabled: true },
18998
- React.createElement("div", { className: "radio-container" },
19028
+ React.createElement("div", { className: "radio-container-view-child" },
18999
19029
  React.createElement(Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
19000
19030
  }
19001
19031
  else if (elementItem.type === FormElementType.Input) {
@@ -19010,12 +19040,460 @@ var Social = function (props) {
19010
19040
  })))));
19011
19041
  };
19012
19042
 
19043
+ var SocialEnvironmentalRisk = function (props) {
19044
+ var onFormSubmit = props.onFormSubmit, SocialEnvironmentalRiskData = props.SocialEnvironmentalRiskData, viewOnly = props.viewOnly, translator = props.translator;
19045
+ translator.setDefaultNamespace("socialEnvironmentalRisk");
19046
+ var t = translator.t;
19047
+ var form = Form.useForm()[0];
19048
+ var _a = useState(), socialEnvironmentalFormDetails = _a[0], setSocialEnvironmentalFormDetails = _a[1];
19049
+ var _b = useState([
19050
+ {
19051
+ title: t("humanRightsSubHeader"),
19052
+ isTitleVisible: true,
19053
+ subItems: [
19054
+ {
19055
+ title: t("humanRights"),
19056
+ isTitleVisible: true,
19057
+ subItems: [
19058
+ {
19059
+ label: t("humanRightsQ1"),
19060
+ name: "humanRightsQ1",
19061
+ },
19062
+ {
19063
+ label: t("humanRightsQ2"),
19064
+ name: "humanRightsQ2",
19065
+ },
19066
+ {
19067
+ label: t("humanRightsQ3"),
19068
+ name: "humanRightsQ3",
19069
+ },
19070
+ {
19071
+ label: t("humanRightsQ4"),
19072
+ name: "humanRightsQ4",
19073
+ },
19074
+ {
19075
+ label: t("humanRightsQ5"),
19076
+ name: "humanRightsQ5",
19077
+ },
19078
+ {
19079
+ label: t("humanRightsQ6"),
19080
+ name: "humanRightsQ6",
19081
+ },
19082
+ {
19083
+ label: t("humanRightsQ7"),
19084
+ name: "humanRightsQ7",
19085
+ },
19086
+ ],
19087
+ },
19088
+ {
19089
+ title: t("genderEqalityWomenEmpower"),
19090
+ isTitleVisible: true,
19091
+ subItems: [
19092
+ {
19093
+ label: t("genderEqalityWomenEmpowerQ1"),
19094
+ name: "genderEqalityWomenEmpowerQ1",
19095
+ },
19096
+ {
19097
+ label: t("genderEqalityWomenEmpowerQ2"),
19098
+ name: "genderEqalityWomenEmpowerQ2",
19099
+ },
19100
+ {
19101
+ label: t("genderEqalityWomenEmpowerQ3"),
19102
+ name: "genderEqalityWomenEmpowerQ3",
19103
+ },
19104
+ {
19105
+ label: t("genderEqalityWomenEmpowerQ4"),
19106
+ name: "genderEqalityWomenEmpowerQ4",
19107
+ },
19108
+ {
19109
+ label: t("genderEqalityWomenEmpowerQ5"),
19110
+ name: "genderEqalityWomenEmpowerQ5",
19111
+ },
19112
+ ],
19113
+ },
19114
+ {
19115
+ title: t("accountability"),
19116
+ isTitleVisible: true,
19117
+ subItems: [
19118
+ {
19119
+ label: t("accountabilityQ1"),
19120
+ name: "accountabilityQ1",
19121
+ },
19122
+ {
19123
+ label: t("accountabilityQ2"),
19124
+ name: "AccountabilityQ2",
19125
+ },
19126
+ {
19127
+ label: t("accountabilityQ3"),
19128
+ name: "accountabilityQ3",
19129
+ },
19130
+ ],
19131
+ },
19132
+ ],
19133
+ },
19134
+ {
19135
+ title: t("standardSubHeader"),
19136
+ isTitleVisible: true,
19137
+ subItems: [
19138
+ {
19139
+ title: t("standard1"),
19140
+ isTitleVisible: true,
19141
+ subItems: [
19142
+ {
19143
+ label: t("standard1Q1"),
19144
+ name: "standard1Q1",
19145
+ },
19146
+ {
19147
+ label: t("standard1Q2"),
19148
+ name: "standard1Q2",
19149
+ },
19150
+ {
19151
+ label: t("standard1Q3"),
19152
+ name: "standard1Q3",
19153
+ },
19154
+ {
19155
+ label: t("standard1Q4"),
19156
+ name: "standard1Q4",
19157
+ },
19158
+ {
19159
+ label: t("standard1Q5"),
19160
+ name: "standard1Q5",
19161
+ },
19162
+ {
19163
+ label: t("standard1Q6"),
19164
+ name: "standard1Q6",
19165
+ },
19166
+ {
19167
+ label: t("standard1Q7"),
19168
+ name: "standard1Q7",
19169
+ },
19170
+ {
19171
+ label: t("standard1Q8"),
19172
+ name: "standard1Q8",
19173
+ },
19174
+ {
19175
+ label: t("standard1Q9"),
19176
+ name: "standard1Q9",
19177
+ },
19178
+ {
19179
+ label: t("standard1Q10"),
19180
+ name: "standard1Q10",
19181
+ },
19182
+ {
19183
+ label: t("standard1Q11"),
19184
+ name: "standard1Q11",
19185
+ },
19186
+ {
19187
+ label: t("standard1Q12"),
19188
+ name: "standard1Q12",
19189
+ },
19190
+ {
19191
+ label: t("standard1Q13"),
19192
+ name: "standard1Q13",
19193
+ },
19194
+ {
19195
+ label: t("standard1Q14"),
19196
+ name: "standard1Q14",
19197
+ },
19198
+ ],
19199
+ },
19200
+ {
19201
+ title: t("standard2"),
19202
+ isTitleVisible: true,
19203
+ subItems: [
19204
+ {
19205
+ label: t("standard2Q1"),
19206
+ name: "standard2Q1",
19207
+ },
19208
+ {
19209
+ label: t("standard2Q2"),
19210
+ name: "standard2Q2",
19211
+ },
19212
+ {
19213
+ label: t("standard2Q3"),
19214
+ name: "standard2Q3",
19215
+ },
19216
+ {
19217
+ label: t("standard2Q4"),
19218
+ name: "standard2Q4",
19219
+ },
19220
+ ],
19221
+ },
19222
+ {
19223
+ title: t("standard3"),
19224
+ isTitleVisible: true,
19225
+ subItems: [
19226
+ {
19227
+ label: t("standard3Q1"),
19228
+ name: "standard3Q1",
19229
+ },
19230
+ {
19231
+ label: t("standard3Q2"),
19232
+ name: "standard3Q2",
19233
+ },
19234
+ {
19235
+ label: t("standard3Q3"),
19236
+ name: "standard3Q3",
19237
+ },
19238
+ {
19239
+ label: t("standard3Q4"),
19240
+ name: "standard3Q4",
19241
+ },
19242
+ {
19243
+ label: t("standard3Q5"),
19244
+ name: "standard3Q5",
19245
+ },
19246
+ {
19247
+ label: t("standard3Q6"),
19248
+ name: "standard3Q6",
19249
+ },
19250
+ {
19251
+ label: t("standard3Q7"),
19252
+ name: "standard3Q7",
19253
+ },
19254
+ {
19255
+ label: t("standard3Q8"),
19256
+ name: "standard3Q8",
19257
+ },
19258
+ ],
19259
+ },
19260
+ {
19261
+ title: t("standard4"),
19262
+ isTitleVisible: true,
19263
+ subItems: [
19264
+ {
19265
+ label: t("standard4Q1"),
19266
+ name: "standard4Q1",
19267
+ },
19268
+ {
19269
+ label: t("standard4Q2"),
19270
+ name: "standard4Q2",
19271
+ },
19272
+ {
19273
+ label: t("standard4Q3"),
19274
+ name: "standard4Q3",
19275
+ },
19276
+ {
19277
+ label: t("standard4Q4"),
19278
+ name: "standard4Q4",
19279
+ },
19280
+ {
19281
+ label: t("standard4Q5"),
19282
+ name: "standard4Q5",
19283
+ },
19284
+ ],
19285
+ },
19286
+ {
19287
+ title: t("standard5"),
19288
+ isTitleVisible: true,
19289
+ subItems: [
19290
+ {
19291
+ label: t("standard5Q1"),
19292
+ name: "standard5Q1",
19293
+ },
19294
+ {
19295
+ label: t("standard5Q2"),
19296
+ name: "standard5Q2",
19297
+ },
19298
+ {
19299
+ label: t("standard5Q3"),
19300
+ name: "standard5Q3",
19301
+ },
19302
+ {
19303
+ label: t("standard5Q4"),
19304
+ name: "standard5Q4",
19305
+ },
19306
+ ],
19307
+ },
19308
+ {
19309
+ title: t("standard6"),
19310
+ isTitleVisible: true,
19311
+ subItems: [
19312
+ {
19313
+ label: t("standard6Q1"),
19314
+ name: "standard6Q1",
19315
+ },
19316
+ {
19317
+ label: t("standard6Q2"),
19318
+ name: "standard6Q2",
19319
+ },
19320
+ {
19321
+ label: t("standard6Q3"),
19322
+ name: "standard6Q3",
19323
+ },
19324
+ {
19325
+ label: t("standard6Q4"),
19326
+ name: "standard6Q4",
19327
+ },
19328
+ {
19329
+ label: t("standard6Q5"),
19330
+ name: "standard6Q5",
19331
+ },
19332
+ {
19333
+ label: t("standard6Q6"),
19334
+ name: "standard6Q6",
19335
+ },
19336
+ {
19337
+ label: t("standard6Q7"),
19338
+ name: "standard6Q7",
19339
+ },
19340
+ {
19341
+ label: t("standard6Q8"),
19342
+ name: "standard6Q8",
19343
+ },
19344
+ {
19345
+ label: t("standard6Q9"),
19346
+ name: "standard6Q9",
19347
+ },
19348
+ ],
19349
+ },
19350
+ {
19351
+ title: t("standard7"),
19352
+ isTitleVisible: true,
19353
+ subItems: [
19354
+ {
19355
+ label: t("standard7Q1"),
19356
+ name: "standard7Q1",
19357
+ },
19358
+ {
19359
+ label: t("standard7Q2"),
19360
+ name: "standard7Q2",
19361
+ },
19362
+ {
19363
+ label: t("standard7Q3"),
19364
+ name: "standard7Q3",
19365
+ },
19366
+ {
19367
+ label: t("standard7Q4"),
19368
+ name: "standard7Q4",
19369
+ },
19370
+ {
19371
+ label: t("standard7Q5"),
19372
+ name: "standard7Q5",
19373
+ },
19374
+ {
19375
+ label: t("standard7Q6"),
19376
+ name: "standard7Q6",
19377
+ },
19378
+ ],
19379
+ },
19380
+ {
19381
+ title: t("standard8"),
19382
+ isTitleVisible: true,
19383
+ subItems: [
19384
+ {
19385
+ label: t("standard8Q1"),
19386
+ name: "standard8Q1",
19387
+ },
19388
+ {
19389
+ label: t("standard8Q2"),
19390
+ name: "standard8Q2",
19391
+ },
19392
+ {
19393
+ label: t("standard8Q3"),
19394
+ name: "standard8Q3",
19395
+ },
19396
+ {
19397
+ label: t("standard8Q4"),
19398
+ name: "standard8Q4",
19399
+ },
19400
+ {
19401
+ label: t("standard8Q5"),
19402
+ name: "standard8Q5",
19403
+ },
19404
+ {
19405
+ label: t("standard8Q6"),
19406
+ name: "standard8Q6",
19407
+ },
19408
+ ],
19409
+ },
19410
+ ],
19411
+ },
19412
+ ]), socialEnvironmentalDetails = _b[0], setSocialEnvironmentalDetails = _b[1];
19413
+ useEffect(function () {
19414
+ onFormSubmit(socialEnvironmentalFormDetails);
19415
+ }, [socialEnvironmentalFormDetails]);
19416
+ useEffect(function () {
19417
+ if (SocialEnvironmentalRiskData && !viewOnly) {
19418
+ setSocialEnvironmentalFormDetails(SocialEnvironmentalRiskData);
19419
+ form.setFieldsValue(SocialEnvironmentalRiskData);
19420
+ }
19421
+ else if (SocialEnvironmentalRiskData && viewOnly) {
19422
+ checkHeaderAvailability();
19423
+ }
19424
+ }, [SocialEnvironmentalRiskData]);
19425
+ var checkHeaderAvailability = function () {
19426
+ socialEnvironmentalDetails.forEach(function (section) {
19427
+ section.isTitleVisible = false;
19428
+ section.subItems.forEach(function (subSection) {
19429
+ subSection.isTitleVisible = false;
19430
+ subSection.subItems.forEach(function (element) {
19431
+ if (SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name)) {
19432
+ subSection.isTitleVisible = true;
19433
+ }
19434
+ });
19435
+ if (subSection.isTitleVisible) {
19436
+ section.isTitleVisible = true;
19437
+ }
19438
+ });
19439
+ });
19440
+ setSocialEnvironmentalDetails(socialEnvironmentalDetails);
19441
+ };
19442
+ var SocialEnvironmentalDetailsChanged = function (changedValues) { return __awaiter(void 0, void 0, void 0, function () {
19443
+ return __generator(this, function (_a) {
19444
+ setSocialEnvironmentalFormDetails(function (pre) { return (__assign(__assign({}, pre), changedValues)); });
19445
+ return [2 /*return*/];
19446
+ });
19447
+ }); };
19448
+ return (React.createElement("div", { className: "social-environment-tab-item" },
19449
+ viewOnly && !SocialEnvironmentalRiskData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
19450
+ ((viewOnly && SocialEnvironmentalRiskData) || !viewOnly) && (React.createElement(Form, { name: "SocialEnvironmentalDetails", labelWrap: true, form: form, labelAlign: "left", labelCol: { md: 16, lg: 18, xl: 18 }, wrapperCol: { md: 8, lg: 6, xl: 6 }, layout: "horizontal", onValuesChange: SocialEnvironmentalDetailsChanged },
19451
+ !viewOnly &&
19452
+ socialEnvironmentalDetails.map(function (section) {
19453
+ return (React.createElement(React.Fragment, null,
19454
+ React.createElement("div", { style: { marginBottom: "15px" } },
19455
+ React.createElement("label", { className: "co-sub-header-text" }, section.title)),
19456
+ section.subItems.map(function (subSection) {
19457
+ return (React.createElement(React.Fragment, null,
19458
+ React.createElement("div", { style: { marginBottom: "15px" } },
19459
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title)),
19460
+ subSection.subItems.map(function (element) {
19461
+ return (React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19462
+ React.createElement(Radio.Group, { size: "middle" },
19463
+ React.createElement("div", { className: "radio-container" },
19464
+ React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.YES }, t("yes"))),
19465
+ React.createElement("div", { className: "radio-container" },
19466
+ React.createElement(Radio.Button, { className: "radio", value: RadioButtonStatus.NO }, t("no"))))));
19467
+ })));
19468
+ })));
19469
+ }),
19470
+ viewOnly &&
19471
+ SocialEnvironmentalRiskData &&
19472
+ socialEnvironmentalDetails.map(function (section) {
19473
+ return (React.createElement(React.Fragment, null,
19474
+ section.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
19475
+ React.createElement("label", { className: "co-sub-header-text" }, section.title))),
19476
+ section.subItems.map(function (subSection) {
19477
+ return (React.createElement(React.Fragment, null,
19478
+ subSection.isTitleVisible && (React.createElement("div", { style: { marginBottom: "15px" } },
19479
+ React.createElement("label", { className: "co-sub-title-text" }, subSection.title))),
19480
+ subSection.subItems.map(function (element) {
19481
+ return (React.createElement(React.Fragment, null, SocialEnvironmentalRiskData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19482
+ React.createElement(Form.Item, { className: "mg-left-2 form-item", label: element.label, name: element.name },
19483
+ React.createElement(Radio.Group, { size: "middle", disabled: true },
19484
+ React.createElement("div", { className: "radio-container" },
19485
+ React.createElement(Radio.Button, { className: "radio" }, SocialEnvironmentalRiskData[element.name]))))))));
19486
+ })));
19487
+ })));
19488
+ })))));
19489
+ };
19490
+
19013
19491
  var CoBenifitsComponent = function (props) {
19014
19492
  var onClickedBackBtn = props.onClickedBackBtn, onFormSubmit = props.onFormSubmit, coBenefitsDetails = props.coBenefitsDetails, submitButtonText = props.submitButtonText, viewOnly = props.viewOnly, coBenifitsViewDetails = props.coBenifitsViewDetails, _a = props.loading, loading = _a === void 0 ? false : _a, sdgGoalImages = props.sdgGoalImages, translator = props.translator, useConnection = props.useConnection;
19015
19493
  var _b = useState(), coBenefitDetails = _b[0], setCoBenefitDetails = _b[1];
19016
19494
  var _c = useState(true), isSocialFormValid = _c[0], setIsSocialFormValid = _c[1];
19017
19495
  var _d = useState(true), isAssessmentFormValid = _d[0], setIsAssessmentFormValid = _d[1];
19018
- translator.setDefaultNamespace('coBenifits');
19496
+ translator.setDefaultNamespace("coBenifits");
19019
19497
  var t = translator.t;
19020
19498
  var onSdgGoalsFormSubmit = function (sdgGoalsDetails) {
19021
19499
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { sdgGoals: sdgGoalsDetails })); });
@@ -19040,6 +19518,9 @@ var CoBenifitsComponent = function (props) {
19040
19518
  setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialValueDetails: socialValueDetails })); });
19041
19519
  setIsSocialFormValid(isFormValid);
19042
19520
  };
19521
+ var onSocialEnvironmentalFormSubmit = function (socialEnvironmentDetails) {
19522
+ setCoBenefitDetails(function (pre) { return (__assign(__assign({}, pre), { socialEnvironmentDetails: socialEnvironmentDetails })); });
19523
+ };
19043
19524
  var tabItems = [
19044
19525
  {
19045
19526
  label: t("coBenifits:sdgGoals"),
@@ -19056,34 +19537,27 @@ var CoBenifitsComponent = function (props) {
19056
19537
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
19057
19538
  },
19058
19539
  {
19059
- label: t("coBenifits:safeguards"),
19540
+ label: t("coBenifits:undpSesp"),
19060
19541
  key: "3",
19061
19542
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
19062
19543
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
19063
19544
  },
19064
19545
  {
19065
- label: t("coBenifits:environmental"),
19546
+ label: t("coBenifits:unfcccSdTool"),
19066
19547
  key: "4",
19067
- children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19068
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19069
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19070
- : {}
19071
- : undefined, viewOnly: viewOnly || false, translator: translator })),
19072
- },
19073
- {
19074
- label: t("coBenifits:social"),
19075
- key: "5",
19076
- children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19077
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
19078
- },
19079
- {
19080
- label: t("coBenifits:economic"),
19081
- key: "6",
19082
- children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19083
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19084
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19085
- : {}
19086
- : undefined, viewOnly: viewOnly || false, translator: translator })),
19548
+ children: (React.createElement(React.Fragment, null,
19549
+ React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19550
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19551
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19552
+ : {}
19553
+ : undefined, viewOnly: viewOnly || false, translator: translator }),
19554
+ React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19555
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
19556
+ React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19557
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19558
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19559
+ : {}
19560
+ : undefined, viewOnly: viewOnly || false, translator: translator }))),
19087
19561
  },
19088
19562
  {
19089
19563
  label: t("coBenifits:assessment"),
@@ -19091,6 +19565,12 @@ var CoBenifitsComponent = function (props) {
19091
19565
  children: (React.createElement(Assessment, { onFormSubmit: onAssessmentFormSubmit, assessmentViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.assessmentDetails)) ||
19092
19566
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.assessmentDetails)), viewOnly: viewOnly || false, useConnection: useConnection, translator: translator })),
19093
19567
  },
19568
+ {
19569
+ label: t("coBenifits:socialEnvironmentalRisk"),
19570
+ key: "8",
19571
+ children: (React.createElement(SocialEnvironmentalRisk, { onFormSubmit: onSocialEnvironmentalFormSubmit, SocialEnvironmentalRiskData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialEnvironmentDetails)) ||
19572
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialEnvironmentDetails)), viewOnly: viewOnly || false, translator: translator })),
19573
+ },
19094
19574
  ];
19095
19575
  var onCoBenefitSubmit = function () {
19096
19576
  var economicOverallValidation = true;
@@ -19205,7 +19685,7 @@ var CoBenifitsComponent = function (props) {
19205
19685
  if (environmentalOverallValidation !== true) {
19206
19686
  message.open({
19207
19687
  type: "error",
19208
- content: "Fill the required fields in Co-benifits Environmental section",
19688
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19209
19689
  duration: 4,
19210
19690
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19211
19691
  });
@@ -19214,7 +19694,7 @@ var CoBenifitsComponent = function (props) {
19214
19694
  if (!isSocialFormValid) {
19215
19695
  message.open({
19216
19696
  type: "error",
19217
- content: "Fill the required fields in Co-benifits Social section",
19697
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19218
19698
  duration: 4,
19219
19699
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19220
19700
  });
@@ -19223,7 +19703,7 @@ var CoBenifitsComponent = function (props) {
19223
19703
  if (economicOverallValidation !== true) {
19224
19704
  message.open({
19225
19705
  type: "error",
19226
- content: "Fill the required fields in Co-benifits Economic section",
19706
+ content: "Fill the required fields in Co-benefits UNFCCC SD Tool section",
19227
19707
  duration: 4,
19228
19708
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19229
19709
  });
@@ -19232,7 +19712,7 @@ var CoBenifitsComponent = function (props) {
19232
19712
  if (!isAssessmentFormValid) {
19233
19713
  message.open({
19234
19714
  type: "error",
19235
- content: "Fill the required fields in Co-benifits Assessment section",
19715
+ content: "Fill the required fields in Co-benefits Assessment section",
19236
19716
  duration: 4,
19237
19717
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19238
19718
  });
@@ -24475,7 +24955,7 @@ var EditableCell = function (_a) {
24475
24955
  return [3 /*break*/, 3];
24476
24956
  case 2:
24477
24957
  errInfo_1 = _a.sent();
24478
- console.log("Save failed:", errInfo_1);
24958
+ console.log('Save failed:', errInfo_1);
24479
24959
  return [3 /*break*/, 3];
24480
24960
  case 3: return [2 /*return*/];
24481
24961
  }
@@ -24489,7 +24969,7 @@ var EditableCell = function (_a) {
24489
24969
  message: "".concat(title, " is required."),
24490
24970
  },
24491
24971
  ] },
24492
- React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
24972
+ React.createElement(Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
24493
24973
  }
24494
24974
  return React.createElement("td", __assign({}, restProps), childNode);
24495
24975
  };
@@ -24497,11 +24977,6 @@ var EditableCell = function (_a) {
24497
24977
  var css_248z$4 = ".ndc-steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n justify-content: center; }\n .ndc-steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .ndc-steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .ndc-steps-actions .mg-left-1 {\n margin-left: 1rem; }\n";
24498
24978
  styleInject(css_248z$4);
24499
24979
 
24500
- var NdcActionType;
24501
- (function (NdcActionType) {
24502
- NdcActionType[NdcActionType["main"] = 0] = "main";
24503
- NdcActionType[NdcActionType["sub"] = 1] = "sub";
24504
- })(NdcActionType || (NdcActionType = {}));
24505
24980
  var NdcDetailsComponent = function (props) {
24506
24981
  var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
24507
24982
  var RangePicker = DatePicker.RangePicker;
@@ -24512,8 +24987,6 @@ var NdcDetailsComponent = function (props) {
24512
24987
  var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24513
24988
  var selectedPeriod = useRef({});
24514
24989
  var addedNdcDetailId = useRef(0);
24515
- var selectedNdcDetail = useRef({});
24516
- var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
24517
24990
  var userInfoState = useUserContext().userInfoState;
24518
24991
  var isAddRangeVisible = function () {
24519
24992
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
@@ -24528,35 +25001,11 @@ var NdcDetailsComponent = function (props) {
24528
25001
  return num >= min && num <= max;
24529
25002
  };
24530
25003
  var handleSave = function (row) {
24531
- if (row.type === NdcActionType.main) {
24532
- var newData = __spreadArray([], ndcDetailsData, true);
24533
- var index = newData.findIndex(function (item) { return row.key === item.key; });
24534
- var item = newData[index];
24535
- newData.splice(index, 1, __assign(__assign({}, item), row));
24536
- setNdcDetailsData(newData);
24537
- }
24538
- else {
24539
- var newData = __spreadArray([], ndcDetailsData, true);
24540
- var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
24541
- var parentItem = newData[parentIndex];
24542
- if (parentItem) {
24543
- if (parentItem.subNdcDetails) {
24544
- var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
24545
- if (itemIndex === -1) {
24546
- parentItem.subNdcDetails.push(row);
24547
- }
24548
- else {
24549
- parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
24550
- }
24551
- }
24552
- else {
24553
- parentItem.subNdcDetails = [row];
24554
- }
24555
- }
24556
- newData.splice(parentIndex, 1, __assign({}, parentItem));
24557
- setNdcDetailsData(newData);
24558
- setTableKey(function (key) { return key + 1; });
24559
- }
25004
+ var newData = __spreadArray([], ndcDetailsData, true);
25005
+ var index = newData.findIndex(function (item) { return row.key === item.key; });
25006
+ var item = newData[index];
25007
+ newData.splice(index, 1, __assign(__assign({}, item), row));
25008
+ setNdcDetailsData(newData);
24560
25009
  };
24561
25010
  var getNdcDetailsForPeriod = function () {
24562
25011
  var range = selectedTab.split("-");
@@ -24570,15 +25019,6 @@ var NdcDetailsComponent = function (props) {
24570
25019
  return [];
24571
25020
  }
24572
25021
  };
24573
- var getSubNdcDetails = function (key) {
24574
- var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24575
- if (ndcDetail) {
24576
- return ndcDetail.subNdcDetails;
24577
- }
24578
- else {
24579
- return [];
24580
- }
24581
- };
24582
25022
  var defaultColumns = [
24583
25023
  {
24584
25024
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24586,7 +25026,6 @@ var NdcDetailsComponent = function (props) {
24586
25026
  key: "nationalPlanObj",
24587
25027
  align: "left",
24588
25028
  editable: true,
24589
- width: 800,
24590
25029
  },
24591
25030
  {
24592
25031
  title: t("ndc:ndcColumnsKpi"),
@@ -24594,10 +25033,9 @@ var NdcDetailsComponent = function (props) {
24594
25033
  key: "kpi",
24595
25034
  align: "left",
24596
25035
  editable: true,
24597
- width: 100,
24598
25036
  },
24599
25037
  {
24600
- title: "Ministry",
25038
+ title: 'Ministry',
24601
25039
  dataIndex: "ministry",
24602
25040
  key: "ministry",
24603
25041
  align: "left",
@@ -24618,27 +25056,14 @@ var NdcDetailsComponent = function (props) {
24618
25056
  });
24619
25057
  function onAddNewNdcDetail() {
24620
25058
  var range = selectedTab.split("-");
24621
- var ndcActionId = ++addedNdcDetailId.current;
25059
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24622
25060
  var newData = {
24623
- key: ndcActionId,
24624
- type: NdcActionType.main,
25061
+ key: addedNdcDetailId.current,
24625
25062
  startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24626
25063
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24627
25064
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24628
25065
  kpi: 0,
24629
- ministry: "Please add the Ministry name",
24630
- subNdcDetails: [
24631
- {
24632
- key: ++addedNdcDetailId.current,
24633
- ndcActionId: ndcActionId,
24634
- type: NdcActionType.sub,
24635
- startDate: new Date("2019-03-25"),
24636
- endDate: new Date("2020-03-25"),
24637
- nationalPlanObj: "",
24638
- kpi: "",
24639
- ministry: "",
24640
- },
24641
- ],
25066
+ ministry: "Please add the Ministry name"
24642
25067
  };
24643
25068
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24644
25069
  }
@@ -24720,10 +25145,6 @@ var NdcDetailsComponent = function (props) {
24720
25145
  React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24721
25146
  React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24722
25147
  }
24723
- function getSubNdcActionContent(record) {
24724
- selectedNdcDetail.current = record;
24725
- return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
24726
- }
24727
25148
  var onTabChange = function (key) {
24728
25149
  setSelectedTab(key);
24729
25150
  };
@@ -24731,160 +25152,43 @@ var NdcDetailsComponent = function (props) {
24731
25152
  var defaultNdcDetails = [
24732
25153
  {
24733
25154
  key: 1,
24734
- type: NdcActionType.main,
24735
25155
  startDate: new Date("2019-03-25"),
24736
25156
  endDate: new Date("2020-03-25"),
24737
25157
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24738
25158
  kpi: 25,
24739
- ministry: "Ministry of Environment",
24740
- subNdcDetails: [
24741
- {
24742
- key: 6,
24743
- ndcActionId: 1,
24744
- type: NdcActionType.sub,
24745
- startDate: new Date("2019-03-25"),
24746
- endDate: new Date("2020-03-25"),
24747
- nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
24748
- kpi: 25,
24749
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24750
- },
24751
- {
24752
- key: 7,
24753
- ndcActionId: 1,
24754
- type: NdcActionType.sub,
24755
- startDate: new Date("2019-03-25"),
24756
- endDate: new Date("2020-03-25"),
24757
- nationalPlanObj: "",
24758
- kpi: "",
24759
- ministry: "",
24760
- },
24761
- ],
25159
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24762
25160
  },
24763
25161
  {
24764
25162
  key: 2,
24765
- type: NdcActionType.main,
24766
25163
  startDate: new Date("2019-03-25"),
24767
25164
  endDate: new Date("2019-08-25"),
24768
25165
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24769
25166
  kpi: 10500,
24770
- ministry: "Ministry of Environment",
24771
- subNdcDetails: [
24772
- {
24773
- key: 8,
24774
- ndcActionId: 2,
24775
- type: NdcActionType.sub,
24776
- startDate: new Date("2019-03-25"),
24777
- endDate: new Date("2020-03-25"),
24778
- nationalPlanObj: "",
24779
- kpi: "",
24780
- ministry: "",
24781
- },
24782
- ],
24783
- },
24784
- {
24785
- key: 12,
24786
- type: NdcActionType.main,
24787
- startDate: new Date("2019-03-25"),
24788
- endDate: new Date("2019-08-25"),
24789
- nationalPlanObj: "Other",
24790
- kpi: 10500,
24791
- ministry: "Ministry of Environment",
24792
- subNdcDetails: [
24793
- {
24794
- key: 8,
24795
- ndcActionId: 12,
24796
- type: NdcActionType.sub,
24797
- startDate: new Date("2019-03-25"),
24798
- endDate: new Date("2020-03-25"),
24799
- nationalPlanObj: "",
24800
- kpi: "",
24801
- ministry: "",
24802
- },
24803
- ],
25167
+ ministry: "Ministry of Tourism (MoT)"
24804
25168
  },
24805
25169
  {
24806
25170
  key: 3,
24807
- type: NdcActionType.main,
24808
25171
  startDate: new Date("2021-03-25"),
24809
25172
  endDate: new Date("2022-03-25"),
24810
25173
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24811
25174
  kpi: 48,
24812
- ministry: "Ministry of Environment",
24813
- subNdcDetails: [
24814
- {
24815
- key: 9,
24816
- ndcActionId: 3,
24817
- type: NdcActionType.sub,
24818
- startDate: new Date("2019-03-25"),
24819
- endDate: new Date("2020-03-25"),
24820
- nationalPlanObj: "",
24821
- kpi: "",
24822
- ministry: "",
24823
- },
24824
- ],
25175
+ ministry: "Ministry of Education, Arts and Culture (MoE)"
24825
25176
  },
24826
25177
  {
24827
25178
  key: 4,
24828
- type: NdcActionType.main,
24829
25179
  startDate: new Date("2022-03-25"),
24830
25180
  endDate: new Date("2022-05-25"),
24831
25181
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24832
25182
  kpi: 20,
24833
- ministry: "Ministry of Environment",
24834
- subNdcDetails: [
24835
- {
24836
- key: 10,
24837
- ndcActionId: 4,
24838
- type: NdcActionType.sub,
24839
- startDate: new Date("2019-03-25"),
24840
- endDate: new Date("2020-03-25"),
24841
- nationalPlanObj: "",
24842
- kpi: "",
24843
- ministry: "",
24844
- },
24845
- ],
25183
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24846
25184
  },
24847
25185
  {
24848
25186
  key: 5,
24849
- type: NdcActionType.main,
24850
25187
  startDate: new Date("2022-03-25"),
24851
25188
  endDate: new Date("2023-03-25"),
24852
25189
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24853
25190
  kpi: 10,
24854
- ministry: "Ministry of Environment",
24855
- subNdcDetails: [
24856
- {
24857
- key: 11,
24858
- ndcActionId: 5,
24859
- type: NdcActionType.sub,
24860
- startDate: new Date("2019-03-25"),
24861
- endDate: new Date("2020-03-25"),
24862
- nationalPlanObj: "",
24863
- kpi: "",
24864
- ministry: "",
24865
- },
24866
- ],
24867
- },
24868
- {
24869
- key: 13,
24870
- type: NdcActionType.main,
24871
- startDate: new Date("2022-03-25"),
24872
- endDate: new Date("2023-03-25"),
24873
- nationalPlanObj: "Other",
24874
- kpi: 10,
24875
- ministry: "Ministry of Environment",
24876
- subNdcDetails: [
24877
- {
24878
- key: 11,
24879
- ndcActionId: 13,
24880
- type: NdcActionType.sub,
24881
- startDate: new Date("2019-03-25"),
24882
- endDate: new Date("2020-03-25"),
24883
- nationalPlanObj: "",
24884
- kpi: "",
24885
- ministry: "",
24886
- },
24887
- ],
25191
+ ministry: "Ministry of Tourism (MoT)"
24888
25192
  },
24889
25193
  ];
24890
25194
  var initialPeriods = [
@@ -24927,11 +25231,7 @@ var NdcDetailsComponent = function (props) {
24927
25231
  React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24928
25232
  selectedTab !== "add_new" && (React.createElement("div", null,
24929
25233
  React.createElement("div", null,
24930
- React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24931
- expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24932
- indentSize: 0,
24933
- defaultExpandedRowKeys: [selectedNdcDetail.current.key],
24934
- }, footer: function () {
25234
+ React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24935
25235
  return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
24936
25236
  React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24937
25237
  marginBottom: 16,