@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 +149 -118
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +149 -118
- package/dist/esm/index.js.map +1 -1
- 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 .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";
|
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";
|
16960
16960
|
styleInject(css_248z$e);
|
16961
16961
|
|
16962
16962
|
var GenderParity = function (props) {
|
@@ -18058,12 +18058,6 @@ 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" })))),
|
18067
18061
|
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) {
|
18068
18062
|
return (React.createElement(React.Fragment, null,
|
18069
18063
|
(sectionItem.isVisible || !viewOnly) && (React.createElement("div", { style: { marginBottom: "15px" } },
|
@@ -18130,7 +18124,7 @@ var Safeguards = function (props) {
|
|
18130
18124
|
|
18131
18125
|
var Environmental = function (props) {
|
18132
18126
|
var onFormSubmit = props.onFormSubmit, environmentalViewData = props.environmentalViewData, viewOnly = props.viewOnly, translator = props.translator;
|
18133
|
-
translator.setDefaultNamespace('
|
18127
|
+
translator.setDefaultNamespace('environment');
|
18134
18128
|
var t = translator.t;
|
18135
18129
|
var environmentalDetailsInitial = [
|
18136
18130
|
{
|
@@ -18415,50 +18409,39 @@ var Environmental = function (props) {
|
|
18415
18409
|
}, []);
|
18416
18410
|
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
18417
18411
|
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 },
|
18418
|
-
|
18419
|
-
|
18420
|
-
|
18421
|
-
|
18422
|
-
|
18423
|
-
|
18424
|
-
|
18425
|
-
|
18426
|
-
|
18427
|
-
|
18428
|
-
|
18429
|
-
|
18430
|
-
|
18431
|
-
|
18432
|
-
|
18433
|
-
|
18434
|
-
|
18435
|
-
|
18436
|
-
|
18437
|
-
|
18438
|
-
|
18439
|
-
|
18440
|
-
|
18441
|
-
|
18442
|
-
React.createElement(
|
18443
|
-
|
18444
|
-
|
18445
|
-
|
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
|
-
})))));
|
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
|
+
})))));
|
18457
18440
|
};
|
18458
18441
|
|
18459
18442
|
var Economic = function (props) {
|
18460
18443
|
var onFormSubmit = props.onFormSubmit, economicViewData = props.economicViewData, viewOnly = props.viewOnly, translator = props.translator;
|
18461
|
-
translator.setDefaultNamespace("
|
18444
|
+
translator.setDefaultNamespace("economic");
|
18462
18445
|
var t = translator.t;
|
18463
18446
|
var economicDetailsInitial = [
|
18464
18447
|
{
|
@@ -18711,46 +18694,39 @@ var Economic = function (props) {
|
|
18711
18694
|
}, []);
|
18712
18695
|
return (React.createElement("div", { className: "co-benifits-tab-item" },
|
18713
18696
|
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 },
|
18714
|
-
|
18715
|
-
|
18716
|
-
|
18717
|
-
|
18718
|
-
|
18719
|
-
|
18720
|
-
|
18721
|
-
|
18722
|
-
|
18723
|
-
|
18724
|
-
|
18725
|
-
|
18726
|
-
|
18727
|
-
|
18728
|
-
|
18729
|
-
|
18730
|
-
|
18731
|
-
|
18732
|
-
|
18733
|
-
|
18734
|
-
React.createElement(
|
18735
|
-
|
18736
|
-
|
18737
|
-
|
18738
|
-
|
18739
|
-
|
18740
|
-
|
18741
|
-
|
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
|
-
})))));
|
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
|
+
})))));
|
18749
18725
|
};
|
18750
18726
|
|
18751
18727
|
var Social = function (props) {
|
18752
18728
|
var onFormSubmit = props.onFormSubmit, socialViewData = props.socialViewData, viewOnly = props.viewOnly, translator = props.translator;
|
18753
|
-
translator.setDefaultNamespace("
|
18729
|
+
translator.setDefaultNamespace("social");
|
18754
18730
|
var t = translator.t;
|
18755
18731
|
var form = Form.useForm()[0];
|
18756
18732
|
var _a = useState(0); _a[0]; var setRefreshCounter = _a[1];
|
@@ -18969,12 +18945,6 @@ var Social = function (props) {
|
|
18969
18945
|
validateForm();
|
18970
18946
|
});
|
18971
18947
|
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"))))),
|
18978
18948
|
viewOnly && !socialViewData && (React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE })),
|
18979
18949
|
((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) {
|
18980
18950
|
return (React.createElement(React.Fragment, null,
|
@@ -19017,7 +18987,7 @@ var Social = function (props) {
|
|
19017
18987
|
socialViewData.hasOwnProperty(element === null || element === void 0 ? void 0 : element.name) && (React.createElement("div", { className: "view-section" },
|
19018
18988
|
React.createElement(Form.Item, { className: "mg-left-2", label: element.label, name: element.name },
|
19019
18989
|
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
19020
|
-
React.createElement("div", { className: "radio-container
|
18990
|
+
React.createElement("div", { className: "radio-container" },
|
19021
18991
|
React.createElement(Radio.Button, { className: "radio" }, socialViewData[element.name])))))),
|
19022
18992
|
socialViewData[element.name] === RadioButtonStatus.YES &&
|
19023
18993
|
element.subItems.map(function (elementItem) {
|
@@ -19025,7 +18995,7 @@ var Social = function (props) {
|
|
19025
18995
|
return (React.createElement(React.Fragment, null, socialViewData.hasOwnProperty(elementItem === null || elementItem === void 0 ? void 0 : elementItem.name) && (React.createElement("div", { className: "view-section" },
|
19026
18996
|
React.createElement(Form.Item, { label: elementItem.label, name: elementItem.name, className: "mg-left-4" },
|
19027
18997
|
React.createElement(Radio.Group, { size: "middle", disabled: true },
|
19028
|
-
React.createElement("div", { className: "radio-container
|
18998
|
+
React.createElement("div", { className: "radio-container" },
|
19029
18999
|
React.createElement(Radio.Button, { className: "radio" }, socialViewData[elementItem.name]))))))));
|
19030
19000
|
}
|
19031
19001
|
else if (elementItem.type === FormElementType.Input) {
|
@@ -19086,27 +19056,34 @@ var CoBenifitsComponent = function (props) {
|
|
19086
19056
|
children: (React.createElement(GenderParity, { onFormSubmit: onGenderParityFormSubmit, genderParityViewData: viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.genderPariy), viewOnly: viewOnly || false, translator: translator })),
|
19087
19057
|
},
|
19088
19058
|
{
|
19089
|
-
label: t("coBenifits:
|
19059
|
+
label: t("coBenifits:safeguards"),
|
19090
19060
|
key: "3",
|
19091
19061
|
children: (React.createElement(Safeguards, { safeGuardViewData: (viewOnly && (coBenifitsViewDetails === null || coBenifitsViewDetails === void 0 ? void 0 : coBenifitsViewDetails.safeguardDetails)) ||
|
19092
19062
|
(!viewOnly && (coBenefitsDetails === null || coBenefitsDetails === void 0 ? void 0 : coBenefitsDetails.safeguardDetails)), viewOnly: viewOnly || false, onFormSubmit: onSafeguardFormSubmit, translator: translator })),
|
19093
19063
|
},
|
19094
19064
|
{
|
19095
|
-
label: t("coBenifits:
|
19065
|
+
label: t("coBenifits:environmental"),
|
19096
19066
|
key: "4",
|
19097
|
-
children: (React.createElement(
|
19098
|
-
|
19099
|
-
?
|
19100
|
-
|
19101
|
-
|
19102
|
-
|
19103
|
-
|
19104
|
-
|
19105
|
-
|
19106
|
-
|
19107
|
-
|
19108
|
-
|
19109
|
-
|
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 })),
|
19110
19087
|
},
|
19111
19088
|
{
|
19112
19089
|
label: t("coBenifits:assessment"),
|
@@ -19228,7 +19205,7 @@ var CoBenifitsComponent = function (props) {
|
|
19228
19205
|
if (environmentalOverallValidation !== true) {
|
19229
19206
|
message.open({
|
19230
19207
|
type: "error",
|
19231
|
-
content: "Fill the required fields in Co-benifits
|
19208
|
+
content: "Fill the required fields in Co-benifits Environmental section",
|
19232
19209
|
duration: 4,
|
19233
19210
|
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
19234
19211
|
});
|
@@ -19237,7 +19214,7 @@ var CoBenifitsComponent = function (props) {
|
|
19237
19214
|
if (!isSocialFormValid) {
|
19238
19215
|
message.open({
|
19239
19216
|
type: "error",
|
19240
|
-
content: "Fill the required fields in Co-benifits
|
19217
|
+
content: "Fill the required fields in Co-benifits Social section",
|
19241
19218
|
duration: 4,
|
19242
19219
|
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
19243
19220
|
});
|
@@ -19246,7 +19223,7 @@ var CoBenifitsComponent = function (props) {
|
|
19246
19223
|
if (economicOverallValidation !== true) {
|
19247
19224
|
message.open({
|
19248
19225
|
type: "error",
|
19249
|
-
content: "Fill the required fields in Co-benifits
|
19226
|
+
content: "Fill the required fields in Co-benifits Economic section",
|
19250
19227
|
duration: 4,
|
19251
19228
|
style: { textAlign: "right", marginRight: 15, marginTop: 10 },
|
19252
19229
|
});
|
@@ -24530,6 +24507,7 @@ var NdcDetailsComponent = function (props) {
|
|
24530
24507
|
var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
|
24531
24508
|
var selectedPeriod = useRef({});
|
24532
24509
|
var addedNdcDetailId = useRef(0);
|
24510
|
+
var selectedNdcDetail = useRef({});
|
24533
24511
|
var userInfoState = useUserContext().userInfoState;
|
24534
24512
|
var isAddRangeVisible = function () {
|
24535
24513
|
return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
|
@@ -24562,6 +24540,15 @@ var NdcDetailsComponent = function (props) {
|
|
24562
24540
|
return [];
|
24563
24541
|
}
|
24564
24542
|
};
|
24543
|
+
var getSubNdcDetails = function (key) {
|
24544
|
+
var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
|
24545
|
+
if (ndcDetail) {
|
24546
|
+
return ndcDetail.subNdcDetails;
|
24547
|
+
}
|
24548
|
+
else {
|
24549
|
+
return [];
|
24550
|
+
}
|
24551
|
+
};
|
24565
24552
|
var defaultColumns = [
|
24566
24553
|
{
|
24567
24554
|
title: t("ndc:ndcColumnsNationalPlanObj"),
|
@@ -24578,7 +24565,7 @@ var NdcDetailsComponent = function (props) {
|
|
24578
24565
|
editable: true,
|
24579
24566
|
},
|
24580
24567
|
{
|
24581
|
-
title:
|
24568
|
+
title: "Ministry",
|
24582
24569
|
dataIndex: "ministry",
|
24583
24570
|
key: "ministry",
|
24584
24571
|
align: "left",
|
@@ -24606,10 +24593,32 @@ var NdcDetailsComponent = function (props) {
|
|
24606
24593
|
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
24607
24594
|
nationalPlanObj: t("ndc:enterNewPlanTxt"),
|
24608
24595
|
kpi: 0,
|
24609
|
-
ministry: "Please add the Ministry name"
|
24596
|
+
ministry: "Please add the Ministry name",
|
24610
24597
|
};
|
24611
24598
|
setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
|
24612
24599
|
}
|
24600
|
+
function onAddNewSubNdcDetail() {
|
24601
|
+
var range = selectedTab.split("-");
|
24602
|
+
var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
|
24603
|
+
var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
|
24604
|
+
if (ndcDetail) {
|
24605
|
+
addedNdcDetailId.current = addedNdcDetailId.current + 1;
|
24606
|
+
var newData = {
|
24607
|
+
key: addedNdcDetailId.current,
|
24608
|
+
startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
|
24609
|
+
endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
|
24610
|
+
nationalPlanObj: t("ndc:enterNewPlanTxt"),
|
24611
|
+
kpi: 0,
|
24612
|
+
ministry: "Please add the Ministry name",
|
24613
|
+
};
|
24614
|
+
if (!ndcDetail.subNdcDetails) {
|
24615
|
+
ndcDetail.subNdcDetails = [];
|
24616
|
+
}
|
24617
|
+
ndcDetail.subNdcDetails.push(newData);
|
24618
|
+
}
|
24619
|
+
ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
|
24620
|
+
setNdcDetailsData(ndcDetailsData);
|
24621
|
+
}
|
24613
24622
|
var components = {
|
24614
24623
|
body: {
|
24615
24624
|
row: EditableRow,
|
@@ -24688,6 +24697,16 @@ var NdcDetailsComponent = function (props) {
|
|
24688
24697
|
React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
|
24689
24698
|
React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
|
24690
24699
|
}
|
24700
|
+
function getSubNdcActionContent(record) {
|
24701
|
+
selectedNdcDetail.current = record;
|
24702
|
+
return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
|
24703
|
+
return (React.createElement(Row, { justify: "center" },
|
24704
|
+
React.createElement(Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
|
24705
|
+
marginBottom: 16,
|
24706
|
+
width: "100%",
|
24707
|
+
} }, t("ndc:addSubNdcAction"))));
|
24708
|
+
} }));
|
24709
|
+
}
|
24691
24710
|
var onTabChange = function (key) {
|
24692
24711
|
setSelectedTab(key);
|
24693
24712
|
};
|
@@ -24699,7 +24718,17 @@ var NdcDetailsComponent = function (props) {
|
|
24699
24718
|
endDate: new Date("2020-03-25"),
|
24700
24719
|
nationalPlanObj: "Enhance value addition in key growth opportunities",
|
24701
24720
|
kpi: 25,
|
24702
|
-
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)"
|
24721
|
+
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
24722
|
+
subNdcDetails: [
|
24723
|
+
{
|
24724
|
+
key: 6,
|
24725
|
+
startDate: new Date("2019-03-25"),
|
24726
|
+
endDate: new Date("2020-03-25"),
|
24727
|
+
nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
|
24728
|
+
kpi: 25,
|
24729
|
+
ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
|
24730
|
+
},
|
24731
|
+
],
|
24703
24732
|
},
|
24704
24733
|
{
|
24705
24734
|
key: 2,
|
@@ -24707,7 +24736,7 @@ var NdcDetailsComponent = function (props) {
|
|
24707
24736
|
endDate: new Date("2019-08-25"),
|
24708
24737
|
nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
|
24709
24738
|
kpi: 10500,
|
24710
|
-
ministry: "Ministry of Tourism (MoT)"
|
24739
|
+
ministry: "Ministry of Tourism (MoT)",
|
24711
24740
|
},
|
24712
24741
|
{
|
24713
24742
|
key: 3,
|
@@ -24715,7 +24744,7 @@ var NdcDetailsComponent = function (props) {
|
|
24715
24744
|
endDate: new Date("2022-03-25"),
|
24716
24745
|
nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
|
24717
24746
|
kpi: 48,
|
24718
|
-
ministry: "Ministry of Education, Arts and Culture (MoE)"
|
24747
|
+
ministry: "Ministry of Education, Arts and Culture (MoE)",
|
24719
24748
|
},
|
24720
24749
|
{
|
24721
24750
|
key: 4,
|
@@ -24723,7 +24752,7 @@ var NdcDetailsComponent = function (props) {
|
|
24723
24752
|
endDate: new Date("2022-05-25"),
|
24724
24753
|
nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
|
24725
24754
|
kpi: 20,
|
24726
|
-
ministry: "Ministry of Environment, Forestry and Tourism (MEFT)"
|
24755
|
+
ministry: "Ministry of Environment, Forestry and Tourism (MEFT)",
|
24727
24756
|
},
|
24728
24757
|
{
|
24729
24758
|
key: 5,
|
@@ -24731,7 +24760,7 @@ var NdcDetailsComponent = function (props) {
|
|
24731
24760
|
endDate: new Date("2023-03-25"),
|
24732
24761
|
nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
|
24733
24762
|
kpi: 10,
|
24734
|
-
ministry: "Ministry of Tourism (MoT)"
|
24763
|
+
ministry: "Ministry of Tourism (MoT)",
|
24735
24764
|
},
|
24736
24765
|
];
|
24737
24766
|
var initialPeriods = [
|
@@ -24774,7 +24803,9 @@ var NdcDetailsComponent = function (props) {
|
|
24774
24803
|
React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
|
24775
24804
|
selectedTab !== "add_new" && (React.createElement("div", null,
|
24776
24805
|
React.createElement("div", null,
|
24777
|
-
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns,
|
24806
|
+
React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
|
24807
|
+
expandedRowRender: function (record) { return getSubNdcActionContent(record); },
|
24808
|
+
}, footer: function () {
|
24778
24809
|
return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
|
24779
24810
|
React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
|
24780
24811
|
marginBottom: 16,
|