@undp/carbon-library 1.0.150-CARBON-350.1 → 1.0.150-CARBON-343.1

Sign up to get free protection for your applications and to get access to all the features.
package/dist/cjs/index.js CHANGED
@@ -16976,7 +16976,7 @@ var NdcActionDetails = function (props) {
16976
16976
  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";
16977
16977
  styleInject(css_248z$f);
16978
16978
 
16979
- 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 .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";
16979
+ 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";
16980
16980
  styleInject(css_248z$e);
16981
16981
 
16982
16982
  var GenderParity = function (props) {
@@ -18078,12 +18078,6 @@ var Safeguards = function (props) {
18078
18078
  return (React.createElement(React.Fragment, null,
18079
18079
  viewOnly && !safeGuardViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18080
18080
  ((viewOnly && safeGuardViewData) || !viewOnly) && (React.createElement("div", { className: "safeguard-tab-item" },
18081
- React.createElement("div", { className: "undpSesp-section-wrapper" },
18082
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18083
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18084
- React.createElement("span", null, t("undpSespTitle"))),
18085
- React.createElement(antd.Col, { span: 24 },
18086
- React.createElement("div", { className: "undpSesp-section-divider" })))),
18087
18081
  React.createElement(antd.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) {
18088
18082
  return (React.createElement(React.Fragment, null,
18089
18083
  (sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
@@ -18150,7 +18144,7 @@ var Safeguards = function (props) {
18150
18144
 
18151
18145
  var Environmental = function (props) {
18152
18146
  var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
18153
- translator.setDefaultNamespace('unfcccSdTool');
18147
+ translator.setDefaultNamespace('environment');
18154
18148
  var t = translator.t;
18155
18149
  var environmentalDetailsInitial = [
18156
18150
  {
@@ -18435,50 +18429,39 @@ var Environmental = function (props) {
18435
18429
  }, []);
18436
18430
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18437
18431
  React.createElement(antd.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 },
18438
- React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" },
18439
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18440
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18441
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18442
- React.createElement("span", null, t("unfcccSdToolTitle"))),
18443
- React.createElement(antd.Col, { span: 24 },
18444
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18445
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18446
- React.createElement("span", null, t("environmental"))),
18447
- React.createElement(antd.Col, { span: 24 },
18448
- React.createElement("div", { className: "unfccSdTool-section-divider", style: { marginBottom: '20px' } })))),
18449
- (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), environmentalDetails === null || environmentalDetails === void 0 ? void 0 :
18450
- environmentalDetails.map(function (environmentalDetail) {
18451
- var _a;
18452
- return (React.createElement(React.Fragment, null,
18453
- 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 :
18454
- _a.map(function (field, index) {
18455
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.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: [
18456
- {
18457
- required: field === null || field === void 0 ? void 0 : field.required,
18458
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18459
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18460
- },
18461
- ] },
18462
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18463
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18464
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18465
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18466
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18467
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18468
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18469
- React.createElement("div", { className: "yes-no-radio-container" },
18470
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18471
- React.createElement("div", { className: "yes-no-radio-container" },
18472
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18473
- React.createElement("div", { className: "yes-no-radio-container" },
18474
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18475
- })));
18476
- })))));
18432
+ (environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18433
+ React.createElement("div", { className: environmentalViewData ? "section view-section" : "section" }, environmentalDetails === null || environmentalDetails === void 0 ? void 0 : environmentalDetails.map(function (environmentalDetail) {
18434
+ var _a;
18435
+ return (React.createElement(React.Fragment, null,
18436
+ 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 :
18437
+ _a.map(function (field, index) {
18438
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.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: [
18439
+ {
18440
+ required: field === null || field === void 0 ? void 0 : field.required,
18441
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18442
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18443
+ },
18444
+ ] },
18445
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: environmentalViewData && true }, environmentalViewData ? (React.createElement(React.Fragment, null,
18446
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18447
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18448
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18449
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18450
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18451
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18452
+ React.createElement("div", { className: "yes-no-radio-container" },
18453
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18454
+ React.createElement("div", { className: "yes-no-radio-container" },
18455
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18456
+ React.createElement("div", { className: "yes-no-radio-container" },
18457
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18458
+ })));
18459
+ })))));
18477
18460
  };
18478
18461
 
18479
18462
  var Economic = function (props) {
18480
18463
  var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
18481
- translator.setDefaultNamespace("unfcccSdTool");
18464
+ translator.setDefaultNamespace("economic");
18482
18465
  var t = translator.t;
18483
18466
  var economicDetailsInitial = [
18484
18467
  {
@@ -18731,46 +18714,39 @@ var Economic = function (props) {
18731
18714
  }, []);
18732
18715
  return (React.createElement("div", { className: "co-benifits-tab-item" },
18733
18716
  React.createElement(antd.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 },
18734
- React.createElement("div", { className: economicViewData ? "section view-section" : "section" },
18735
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18736
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18737
- React.createElement(antd.Col, { span: 24 },
18738
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18739
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18740
- React.createElement("span", null, t("economic"))))),
18741
- (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })), economicDetails === null || economicDetails === void 0 ? void 0 :
18742
- economicDetails.map(function (environmentalDetail) {
18743
- var _a;
18744
- return (React.createElement(React.Fragment, null,
18745
- 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 :
18746
- _a.map(function (field, index) {
18747
- return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.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: [
18748
- {
18749
- required: field === null || field === void 0 ? void 0 : field.required,
18750
- message: (field === null || field === void 0 ? void 0 : field.required) &&
18751
- "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18752
- },
18753
- ] },
18754
- React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18755
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18756
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18757
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18758
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18759
- (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18760
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18761
- React.createElement("div", { className: "yes-no-radio-container" },
18762
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18763
- React.createElement("div", { className: "yes-no-radio-container" },
18764
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18765
- React.createElement("div", { className: "yes-no-radio-container" },
18766
- React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18767
- })));
18768
- })))));
18717
+ (economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.length) === 0 && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18718
+ React.createElement("div", { className: economicViewData ? "section view-section" : "section" }, economicDetails === null || economicDetails === void 0 ? void 0 : economicDetails.map(function (environmentalDetail) {
18719
+ var _a;
18720
+ return (React.createElement(React.Fragment, null,
18721
+ 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 :
18722
+ _a.map(function (field, index) {
18723
+ return !(field === null || field === void 0 ? void 0 : field.hide) && (React.createElement(antd.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: [
18724
+ {
18725
+ required: field === null || field === void 0 ? void 0 : field.required,
18726
+ message: (field === null || field === void 0 ? void 0 : field.required) &&
18727
+ "".concat(t(field === null || field === void 0 ? void 0 : field.name), " ").concat(t("isRequired")),
18728
+ },
18729
+ ] },
18730
+ React.createElement(antd.Radio.Group, { size: "middle", onChange: function () { }, disabled: economicViewData && true }, economicViewData ? (React.createElement(React.Fragment, null,
18731
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.YES && (React.createElement("div", { className: "yes-no-radio-container" },
18732
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes")))),
18733
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NO && (React.createElement("div", { className: "yes-no-radio-container" },
18734
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no")))),
18735
+ (field === null || field === void 0 ? void 0 : field.value) === exports.RadioButtonStatus.NA && (React.createElement("div", { className: "yes-no-radio-container" },
18736
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na")))))) : (React.createElement(React.Fragment, null,
18737
+ React.createElement("div", { className: "yes-no-radio-container" },
18738
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.YES }, t("yes"))),
18739
+ React.createElement("div", { className: "yes-no-radio-container" },
18740
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NO }, t("no"))),
18741
+ React.createElement("div", { className: "yes-no-radio-container" },
18742
+ React.createElement(antd.Radio.Button, { className: "yes-no-radio", value: exports.RadioButtonStatus.NA }, t("na"))))))));
18743
+ })));
18744
+ })))));
18769
18745
  };
18770
18746
 
18771
18747
  var Social = function (props) {
18772
18748
  var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
18773
- translator.setDefaultNamespace("unfcccSdTool");
18749
+ translator.setDefaultNamespace("social");
18774
18750
  var t = translator.t;
18775
18751
  var form = antd.Form.useForm()[0];
18776
18752
  var _a = React.useState(0); _a[0]; var setRefreshCounter = _a[1];
@@ -18989,12 +18965,6 @@ var Social = function (props) {
18989
18965
  validateForm();
18990
18966
  });
18991
18967
  return (React.createElement("div", { className: "social-tab-item" },
18992
- React.createElement("div", { className: "unfccSdTool-section-wrapper" },
18993
- React.createElement(antd.Row, { justify: "center", align: "middle", style: { width: '100%' } },
18994
- React.createElement(antd.Col, { span: 24 },
18995
- React.createElement("div", { className: "unfccSdTool-section-divider" })),
18996
- React.createElement(antd.Col, { span: 24, className: "unfcccSdTool-section-title" },
18997
- React.createElement("span", null, t("social"))))),
18998
18968
  viewOnly && !socialViewData && (React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE })),
18999
18969
  ((viewOnly && socialViewData) || !viewOnly) && (React.createElement(antd.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) {
19000
18970
  return (React.createElement(React.Fragment, null,
@@ -19037,7 +19007,7 @@ var Social = function (props) {
19037
19007
  socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
19038
19008
  React.createElement(antd.Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
19039
19009
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
19040
- React.createElement("div", { className: "radio-container-view" },
19010
+ React.createElement("div", { className: "radio-container" },
19041
19011
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
19042
19012
  socialViewData[element.name] === exports.RadioButtonStatus.YES &&
19043
19013
  element.subItems.map(function (elementItem) {
@@ -19045,7 +19015,7 @@ var Social = function (props) {
19045
19015
  return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
19046
19016
  React.createElement(antd.Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
19047
19017
  React.createElement(antd.Radio.Group, { size: "middle", disabled: true },
19048
- React.createElement("div", { className: "radio-container-view-child" },
19018
+ React.createElement("div", { className: "radio-container" },
19049
19019
  React.createElement(antd.Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
19050
19020
  }
19051
19021
  else if (elementItem.type === exports.FormElementType.Input) {
@@ -19106,27 +19076,34 @@ var CoBenifitsComponent = function (props) {
19106
19076
  children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
19107
19077
  },
19108
19078
  {
19109
- label: t("coBenifits:undpSesp"),
19079
+ label: t("coBenifits:safeguards"),
19110
19080
  key: "3",
19111
19081
  children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
19112
19082
  (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
19113
19083
  },
19114
19084
  {
19115
- label: t("coBenifits:unfcccSdTool"),
19085
+ label: t("coBenifits:environmental"),
19116
19086
  key: "4",
19117
- children: (React.createElement(React.Fragment, null,
19118
- React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19119
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19120
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19121
- : {}
19122
- : undefined, viewOnly: viewOnly || false, translator: translator }),
19123
- React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19124
- (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator }),
19125
- React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19126
- ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19127
- ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19128
- : {}
19129
- : undefined, viewOnly: viewOnly || false, translator: translator }))),
19087
+ children: (React.createElement(Environmental, { onFormSubmit: onEnvironmentalFormSubmit, environmentalViewData: viewOnly
19088
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental)
19089
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.environmental
19090
+ : {}
19091
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
19092
+ },
19093
+ {
19094
+ label: t("coBenifits:social"),
19095
+ key: "5",
19096
+ children: (React.createElement(Social, { onFormSubmit: onSocialFormSubmit, socialViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.socialValueDetails)) ||
19097
+ (!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.socialValueDetails)), viewOnly: viewOnly || false, translator: translator })),
19098
+ },
19099
+ {
19100
+ label: t("coBenifits:economic"),
19101
+ key: "6",
19102
+ children: (React.createElement(Economic, { onFormSubmit: onEconomicFormSubmit, economicViewData: viewOnly
19103
+ ? (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic)
19104
+ ? coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.economic
19105
+ : {}
19106
+ : undefined, viewOnly: viewOnly || false, translator: translator })),
19130
19107
  },
19131
19108
  {
19132
19109
  label: t("coBenifits:assessment"),
@@ -19248,7 +19225,7 @@ var CoBenifitsComponent = function (props) {
19248
19225
  if (environmentalOverallValidation !== true) {
19249
19226
  antd.message.open({
19250
19227
  type: "error",
19251
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19228
+ content: "Fill the required fields in Co-benifits Environmental section",
19252
19229
  duration: 4,
19253
19230
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19254
19231
  });
@@ -19257,7 +19234,7 @@ var CoBenifitsComponent = function (props) {
19257
19234
  if (!isSocialFormValid) {
19258
19235
  antd.message.open({
19259
19236
  type: "error",
19260
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19237
+ content: "Fill the required fields in Co-benifits Social section",
19261
19238
  duration: 4,
19262
19239
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19263
19240
  });
@@ -19266,7 +19243,7 @@ var CoBenifitsComponent = function (props) {
19266
19243
  if (economicOverallValidation !== true) {
19267
19244
  antd.message.open({
19268
19245
  type: "error",
19269
- content: "Fill the required fields in Co-benifits UNFCCC SD Tool section",
19246
+ content: "Fill the required fields in Co-benifits Economic section",
19270
19247
  duration: 4,
19271
19248
  style: { textAlign: "right", marginRight: 15, marginTop: 10 },
19272
19249
  });
@@ -24550,6 +24527,7 @@ var NdcDetailsComponent = function (props) {
24550
24527
  var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
24551
24528
  var selectedPeriod = React.useRef({});
24552
24529
  var addedNdcDetailId = React.useRef(0);
24530
+ var selectedNdcDetail = React.useRef({});
24553
24531
  var userInfoState = useUserContext().userInfoState;
24554
24532
  var isAddRangeVisible = function () {
24555
24533
  return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
@@ -24582,6 +24560,15 @@ var NdcDetailsComponent = function (props) {
24582
24560
  return [];
24583
24561
  }
24584
24562
  };
24563
+ var getSubNdcDetails = function (key) {
24564
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
24565
+ if (ndcDetail) {
24566
+ return ndcDetail.subNdcDetails;
24567
+ }
24568
+ else {
24569
+ return [];
24570
+ }
24571
+ };
24585
24572
  var defaultColumns = [
24586
24573
  {
24587
24574
  title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24598,7 +24585,7 @@ var NdcDetailsComponent = function (props) {
24598
24585
  editable: true,
24599
24586
  },
24600
24587
  {
24601
- title: 'Ministry',
24588
+ title: "Ministry",
24602
24589
  dataIndex: "ministry",
24603
24590
  key: "ministry",
24604
24591
  align: "left",
@@ -24626,10 +24613,32 @@ var NdcDetailsComponent = function (props) {
24626
24613
  endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24627
24614
  nationalPlanObj: t("ndc:enterNewPlanTxt"),
24628
24615
  kpi: 0,
24629
- ministry: "Please add the Ministry name"
24616
+ ministry: "Please add the Ministry name",
24630
24617
  };
24631
24618
  setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
24632
24619
  }
24620
+ function onAddNewSubNdcDetail() {
24621
+ var range = selectedTab.split("-");
24622
+ var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
24623
+ var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
24624
+ if (ndcDetail) {
24625
+ addedNdcDetailId.current = addedNdcDetailId.current + 1;
24626
+ var newData = {
24627
+ key: addedNdcDetailId.current,
24628
+ startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
24629
+ endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
24630
+ nationalPlanObj: t("ndc:enterNewPlanTxt"),
24631
+ kpi: 0,
24632
+ ministry: "Please add the Ministry name",
24633
+ };
24634
+ if (!ndcDetail.subNdcDetails) {
24635
+ ndcDetail.subNdcDetails = [];
24636
+ }
24637
+ ndcDetail.subNdcDetails.push(newData);
24638
+ }
24639
+ ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
24640
+ setNdcDetailsData(ndcDetailsData);
24641
+ }
24633
24642
  var components = {
24634
24643
  body: {
24635
24644
  row: EditableRow,
@@ -24708,6 +24717,16 @@ var NdcDetailsComponent = function (props) {
24708
24717
  React.createElement(antd.Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
24709
24718
  React.createElement(antd.Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
24710
24719
  }
24720
+ function getSubNdcActionContent(record) {
24721
+ selectedNdcDetail.current = record;
24722
+ return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
24723
+ return (React.createElement(antd.Row, { justify: "center" },
24724
+ React.createElement(antd.Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
24725
+ marginBottom: 16,
24726
+ width: "100%",
24727
+ } }, t("ndc:addSubNdcAction"))));
24728
+ } }));
24729
+ }
24711
24730
  var onTabChange = function (key) {
24712
24731
  setSelectedTab(key);
24713
24732
  };
@@ -24719,7 +24738,17 @@ var NdcDetailsComponent = function (props) {
24719
24738
  endDate: new Date("2020-03-25"),
24720
24739
  nationalPlanObj: "Enhance value addition in key growth opportunities",
24721
24740
  kpi: 25,
24722
- ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
24741
+ ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
24742
+ subNdcDetails: [
24743
+ {
24744
+ key: 6,
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
+ ],
24723
24752
  },
24724
24753
  {
24725
24754
  key: 2,
@@ -24727,7 +24756,7 @@ var NdcDetailsComponent = function (props) {
24727
24756
  endDate: new Date("2019-08-25"),
24728
24757
  nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
24729
24758
  kpi: 10500,
24730
- ministry: "Ministry of Tourism (MoT)"
24759
+ ministry: "Ministry of Tourism (MoT)",
24731
24760
  },
24732
24761
  {
24733
24762
  key: 3,
@@ -24735,7 +24764,7 @@ var NdcDetailsComponent = function (props) {
24735
24764
  endDate: new Date("2022-03-25"),
24736
24765
  nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
24737
24766
  kpi: 48,
24738
- ministry: "Ministry of Education, Arts and Culture (MoE)"
24767
+ ministry: "Ministry of Education, Arts and Culture (MoE)",
24739
24768
  },
24740
24769
  {
24741
24770
  key: 4,
@@ -24743,7 +24772,7 @@ var NdcDetailsComponent = function (props) {
24743
24772
  endDate: new Date("2022-05-25"),
24744
24773
  nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
24745
24774
  kpi: 20,
24746
- ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
24775
+ ministry: "Ministry of Environment, Forestry and Tourism (MEFT)",
24747
24776
  },
24748
24777
  {
24749
24778
  key: 5,
@@ -24751,7 +24780,7 @@ var NdcDetailsComponent = function (props) {
24751
24780
  endDate: new Date("2023-03-25"),
24752
24781
  nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
24753
24782
  kpi: 10,
24754
- ministry: "Ministry of Tourism (MoT)"
24783
+ ministry: "Ministry of Tourism (MoT)",
24755
24784
  },
24756
24785
  ];
24757
24786
  var initialPeriods = [
@@ -24794,7 +24823,9 @@ var NdcDetailsComponent = function (props) {
24794
24823
  React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
24795
24824
  selectedTab !== "add_new" && (React.createElement("div", null,
24796
24825
  React.createElement("div", null,
24797
- React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
24826
+ React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
24827
+ expandedRowRender: function (record) { return getSubNdcActionContent(record); },
24828
+ }, footer: function () {
24798
24829
  return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
24799
24830
  React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
24800
24831
  marginBottom: 16,