@undp/carbon-library 1.0.284-CARBON-234.7 → 1.0.284-CARBON-410.1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/cjs/index.js +578 -388
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/index.js +578 -388
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/locales/i18n/ghgInventory/en.json +3 -1
  6. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -29379,7 +29379,7 @@ var TimelineBody = function (props) {
29379
29379
  React.createElement("div", { className: "remark-body" }, remark)))));
29380
29380
  };
29381
29381
 
29382
- var css_248z$2 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 600;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 5px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
29382
+ var css_248z$2 = ".emission-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.emission-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.empty-emission-container {\n padding-top: 5%;\n padding-bottom: 5%; }\n\n.emission-tab-container .add-emission {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .emission-tab-container .add-emission .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .emission-tab-container .add-emission .add-new-year-picker-col {\n padding-left: 5%; }\n .emission-tab-container .add-emission .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .emission-tab-container .add-emission .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .emission-tab-container .add-emission .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .emission-tab-container .add-emission .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .emission-tab-container .add-emission .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .emission-tab-container .add-emission .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .emission-tab-container .add-emission .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .emission-tab-container .add-emission .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 18px;\n font-weight: 700;\n color: #28282899; }\n .emission-tab-container .add-emission .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .emission-tab-container .add-emission .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .emission-tab-container .add-emission .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .emission-tab-container .add-emission .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon {\n margin-top: 3px; }\n .emission-tab-container .add-emission .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .emission-tab-container .add-emission .ant-collapse {\n margin-left: 10px; }\n .emission-tab-container .add-emission .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .emission-tab-container .add-emission .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .emission-tab-container .add-emission .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .panel-content-input-box-row {\n margin-top: 14px; }\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 17%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 14% !important; }\n .emission-tab-container .add-emission .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .emission-tab-container .add-emission .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .emission-tab-container .add-emission .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .emission-tab-container .add-emission .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .emission-tab-container .add-emission .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .emission-tab-container .add-emission .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .emission-tab-container .add-emission .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .emission-tab-container .add-emission .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .submit-btn {\n margin-right: 1rem; }\n .emission-tab-container .add-emission .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .emission-tab-container .add-emission .panel-content-input-box-row .ant-input-number {\n margin-left: 2%; }\n .emission-tab-container .add-emission .total-co2-land-input-box-row .ant-input-number {\n margin-left: 0% !important; } }\n";
29383
29383
  styleInject(css_248z$2);
29384
29384
 
29385
29385
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -29833,14 +29833,26 @@ var GHGEmissionsComponent = function (props) {
29833
29833
  var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
29834
29834
  var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
29835
29835
  var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
29836
- var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
29837
- var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
29838
- var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
29839
- var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
29840
- var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
29841
- var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
29842
- var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
29843
- var _27 = useState({}), actionInfo = _27[0], setActionInfo = _27[1];
29836
+ var _20 = useState({
29837
+ totalCo2WithoutLand_ch4: 0,
29838
+ totalCo2WithoutLand_co2: 0,
29839
+ totalCo2WithoutLand_n2o: 0,
29840
+ totalCo2WithoutLand_co2eq: 0
29841
+ }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
29842
+ var _21 = useState({
29843
+ totalCo2WithLand_ch4: 0,
29844
+ totalCo2WithLand_co2: 0,
29845
+ totalCo2WithLand_n2o: 0,
29846
+ totalCo2WithLand_co2eq: 0
29847
+ }); _21[0]; _21[1];
29848
+ var _22 = useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
29849
+ var _23 = useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
29850
+ var _24 = useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
29851
+ var _25 = useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
29852
+ var _26 = useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
29853
+ var _27 = useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
29854
+ var _28 = useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
29855
+ var _29 = useState({}), actionInfo = _29[0], setActionInfo = _29[1];
29844
29856
  var Panel = Collapse.Panel;
29845
29857
  var form = Form.useForm()[0];
29846
29858
  var createSetFieldObject = function (obj, objName) {
@@ -30995,19 +31007,35 @@ var GHGEmissionsComponent = function (props) {
30995
31007
  return 0;
30996
31008
  }
30997
31009
  };
31010
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
31011
+ setTotalCo2WithoutLandEmissions(function (prevState) {
31012
+ var _a;
31013
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31014
+ });
31015
+ };
31016
+ // Helper function to get form field value
31017
+ var getFieldValue = function (fieldName) {
31018
+ var formValues = form.getFieldsValue(true);
31019
+ var fieldValue = formValues[fieldName];
31020
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31021
+ };
30998
31022
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
30999
31023
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
31000
31024
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31001
31025
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31002
31026
  React.createElement(Row, { gutter: 16 },
31003
31027
  React.createElement(Col, { xl: 6 },
31004
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31028
+ React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31029
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31005
31030
  React.createElement(Col, { xl: 6 },
31006
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31031
+ React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31032
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31007
31033
  React.createElement(Col, { xl: 6 },
31008
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31034
+ React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31035
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31009
31036
  React.createElement(Col, { xl: 6 },
31010
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31037
+ React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31038
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31011
31039
  var renderPanelHeaderView = function (panelHeading, tabData) {
31012
31040
  var emissionsObject = tabData[panelHeading];
31013
31041
  return (React.createElement(Row, { gutter: 16 },
@@ -31016,13 +31044,17 @@ var GHGEmissionsComponent = function (props) {
31016
31044
  React.createElement(Col, { xl: 9, md: 9 },
31017
31045
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
31018
31046
  React.createElement(Col, { xl: 6 },
31019
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31047
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31048
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31020
31049
  React.createElement(Col, { xl: 6 },
31021
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31050
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31051
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31022
31052
  React.createElement(Col, { xl: 6 },
31023
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31053
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31054
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31024
31055
  React.createElement(Col, { xl: 6 },
31025
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31056
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31057
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31026
31058
  };
31027
31059
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31028
31060
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31030,61 +31062,65 @@ var GHGEmissionsComponent = function (props) {
31030
31062
  React.createElement(Col, { xl: 9, md: 9 },
31031
31063
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31032
31064
  React.createElement(Col, { xl: 6 },
31033
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31034
- {
31035
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31036
- return __generator(this, function (_a) {
31037
- if (value && value < 0) {
31038
- throw new Error();
31039
- }
31040
- return [2 /*return*/];
31041
- });
31042
- }); },
31043
- },
31044
- ] },
31045
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31065
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31066
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31067
+ {
31068
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31069
+ return __generator(this, function (_a) {
31070
+ if (value && value < 0) {
31071
+ throw new Error();
31072
+ }
31073
+ return [2 /*return*/];
31074
+ });
31075
+ }); },
31076
+ },
31077
+ ] },
31078
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31046
31079
  React.createElement(Col, { xl: 6 },
31047
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31048
- {
31049
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31050
- return __generator(this, function (_a) {
31051
- if (value && value < 0) {
31052
- throw new Error();
31053
- }
31054
- return [2 /*return*/];
31055
- });
31056
- }); },
31057
- },
31058
- ] },
31059
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31080
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31081
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31082
+ {
31083
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31084
+ return __generator(this, function (_a) {
31085
+ if (value && value < 0) {
31086
+ throw new Error();
31087
+ }
31088
+ return [2 /*return*/];
31089
+ });
31090
+ }); },
31091
+ },
31092
+ ] },
31093
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31060
31094
  React.createElement(Col, { xl: 6 },
31061
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31062
- {
31063
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31064
- return __generator(this, function (_a) {
31065
- if (value && value < 0) {
31066
- throw new Error();
31067
- }
31068
- return [2 /*return*/];
31069
- });
31070
- }); },
31071
- },
31072
- ] },
31073
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31095
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31096
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31097
+ {
31098
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31099
+ return __generator(this, function (_a) {
31100
+ if (value && value < 0) {
31101
+ throw new Error();
31102
+ }
31103
+ return [2 /*return*/];
31104
+ });
31105
+ }); },
31106
+ },
31107
+ ] },
31108
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31074
31109
  React.createElement(Col, { xl: 6 },
31075
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31076
- {
31077
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31078
- return __generator(this, function (_a) {
31079
- if (value && value < 0) {
31080
- throw new Error();
31081
- }
31082
- return [2 /*return*/];
31083
- });
31084
- }); },
31085
- },
31086
- ] },
31087
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
31110
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31111
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31112
+ {
31113
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31114
+ return __generator(this, function (_a) {
31115
+ if (value && value < 0) {
31116
+ throw new Error();
31117
+ }
31118
+ return [2 /*return*/];
31119
+ });
31120
+ }); },
31121
+ },
31122
+ ] },
31123
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
31088
31124
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31089
31125
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31090
31126
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31092,13 +31128,21 @@ var GHGEmissionsComponent = function (props) {
31092
31128
  React.createElement(Col, { xl: 9, md: 9 },
31093
31129
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31094
31130
  React.createElement(Col, { xl: 6 },
31095
- React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31131
+ React.createElement(Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
31132
+ React.createElement("div", null,
31133
+ React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31096
31134
  React.createElement(Col, { xl: 6 },
31097
- React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
31135
+ React.createElement(Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
31136
+ React.createElement("div", null,
31137
+ React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31098
31138
  React.createElement(Col, { xl: 6 },
31099
- React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
31139
+ React.createElement(Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
31140
+ React.createElement("div", null,
31141
+ React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31100
31142
  React.createElement(Col, { xl: 6 },
31101
- React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
31143
+ React.createElement(Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
31144
+ React.createElement("div", null,
31145
+ React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31102
31146
  };
31103
31147
  var objectToCSV = function (dataToDownload) {
31104
31148
  var flattenObject = function (obj, prefix) {
@@ -31169,6 +31213,17 @@ var GHGEmissionsComponent = function (props) {
31169
31213
  }
31170
31214
  return false;
31171
31215
  };
31216
+ var displayEmptyView = function () {
31217
+ if (!data || data.length === 0) {
31218
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
31219
+ return true;
31220
+ }
31221
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
31222
+ return true;
31223
+ }
31224
+ }
31225
+ return false;
31226
+ };
31172
31227
  var canViewForm = function () {
31173
31228
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
31174
31229
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31186,7 +31241,9 @@ var GHGEmissionsComponent = function (props) {
31186
31241
  React.createElement("div", { className: "title-bar" },
31187
31242
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31188
31243
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31189
- React.createElement("div", { className: "content-card add-emission" },
31244
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
31245
+ React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
31246
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31190
31247
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
31191
31248
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31192
31249
  React.createElement("div", null,
@@ -31291,13 +31348,17 @@ var GHGEmissionsComponent = function (props) {
31291
31348
  React.createElement(Col, { xl: 9, md: 9 },
31292
31349
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
31293
31350
  React.createElement(Col, { xl: 6 },
31294
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
31351
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
31352
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
31295
31353
  React.createElement(Col, { xl: 6 },
31296
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
31354
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
31355
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
31297
31356
  React.createElement(Col, { xl: 6 },
31298
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
31357
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
31358
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
31299
31359
  React.createElement(Col, { xl: 6 },
31300
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
31360
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
31361
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
31301
31362
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31302
31363
  var isActive = _a.isActive;
31303
31364
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31322,122 +31383,130 @@ var GHGEmissionsComponent = function (props) {
31322
31383
  React.createElement(Col, { xl: 9, md: 9 },
31323
31384
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31324
31385
  React.createElement(Col, { xl: 6 },
31325
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31326
- {
31327
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31328
- return __generator(this, function (_a) {
31329
- if (value && value < 0) {
31330
- throw new Error();
31331
- }
31332
- return [2 /*return*/];
31333
- });
31334
- }); },
31335
- },
31336
- ] },
31337
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31386
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
31387
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31388
+ {
31389
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31390
+ return __generator(this, function (_a) {
31391
+ if (value && value < 0) {
31392
+ throw new Error();
31393
+ }
31394
+ return [2 /*return*/];
31395
+ });
31396
+ }); },
31397
+ },
31398
+ ] },
31399
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31338
31400
  React.createElement(Col, { xl: 6 },
31339
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31340
- {
31341
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31342
- return __generator(this, function (_a) {
31343
- if (value && value < 0) {
31344
- throw new Error();
31345
- }
31346
- return [2 /*return*/];
31347
- });
31348
- }); },
31349
- },
31350
- ] },
31351
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31401
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
31402
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31403
+ {
31404
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31405
+ return __generator(this, function (_a) {
31406
+ if (value && value < 0) {
31407
+ throw new Error();
31408
+ }
31409
+ return [2 /*return*/];
31410
+ });
31411
+ }); },
31412
+ },
31413
+ ] },
31414
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31352
31415
  React.createElement(Col, { xl: 6 },
31353
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31354
- {
31355
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31356
- return __generator(this, function (_a) {
31357
- if (value && value < 0) {
31358
- throw new Error();
31359
- }
31360
- return [2 /*return*/];
31361
- });
31362
- }); },
31363
- },
31364
- ] },
31365
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31416
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
31417
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31418
+ {
31419
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31420
+ return __generator(this, function (_a) {
31421
+ if (value && value < 0) {
31422
+ throw new Error();
31423
+ }
31424
+ return [2 /*return*/];
31425
+ });
31426
+ }); },
31427
+ },
31428
+ ] },
31429
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31366
31430
  React.createElement(Col, { xl: 6 },
31367
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31368
- {
31369
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31370
- return __generator(this, function (_a) {
31371
- if (value && value < 0) {
31372
- throw new Error();
31373
- }
31374
- return [2 /*return*/];
31375
- });
31376
- }); },
31377
- },
31378
- ] },
31379
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
31431
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
31432
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31433
+ {
31434
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31435
+ return __generator(this, function (_a) {
31436
+ if (value && value < 0) {
31437
+ throw new Error();
31438
+ }
31439
+ return [2 /*return*/];
31440
+ });
31441
+ }); },
31442
+ },
31443
+ ] },
31444
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
31380
31445
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31381
31446
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31382
31447
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31383
31448
  React.createElement(Col, { xl: 9, md: 9 },
31384
31449
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31385
31450
  React.createElement(Col, { xl: 6 },
31386
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
31387
- {
31388
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31389
- return __generator(this, function (_a) {
31390
- if (value && value < 0) {
31391
- throw new Error();
31392
- }
31393
- return [2 /*return*/];
31394
- });
31395
- }); },
31396
- },
31397
- ] },
31398
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31451
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
31452
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
31453
+ {
31454
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31455
+ return __generator(this, function (_a) {
31456
+ if (value && value < 0) {
31457
+ throw new Error();
31458
+ }
31459
+ return [2 /*return*/];
31460
+ });
31461
+ }); },
31462
+ },
31463
+ ] },
31464
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31399
31465
  React.createElement(Col, { xl: 6 },
31400
- React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31401
- {
31402
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31403
- return __generator(this, function (_a) {
31404
- if (value && value < 0) {
31405
- throw new Error();
31406
- }
31407
- return [2 /*return*/];
31408
- });
31409
- }); },
31410
- },
31411
- ] },
31412
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31466
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
31467
+ React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31468
+ {
31469
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31470
+ return __generator(this, function (_a) {
31471
+ if (value && value < 0) {
31472
+ throw new Error();
31473
+ }
31474
+ return [2 /*return*/];
31475
+ });
31476
+ }); },
31477
+ },
31478
+ ] },
31479
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31413
31480
  React.createElement(Col, { xl: 6 },
31414
- React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31415
- {
31416
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31417
- return __generator(this, function (_a) {
31418
- if (value && value < 0) {
31419
- throw new Error();
31420
- }
31421
- return [2 /*return*/];
31422
- });
31423
- }); },
31424
- },
31425
- ] },
31426
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31481
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
31482
+ React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31483
+ {
31484
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31485
+ return __generator(this, function (_a) {
31486
+ if (value && value < 0) {
31487
+ throw new Error();
31488
+ }
31489
+ return [2 /*return*/];
31490
+ });
31491
+ }); },
31492
+ },
31493
+ ] },
31494
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
31427
31495
  React.createElement(Col, { xl: 6 },
31428
- React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31429
- {
31430
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31431
- return __generator(this, function (_a) {
31432
- if (value && value < 0) {
31433
- throw new Error();
31434
- }
31435
- return [2 /*return*/];
31436
- });
31437
- }); },
31438
- },
31439
- ] },
31440
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
31496
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
31497
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31498
+ {
31499
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31500
+ return __generator(this, function (_a) {
31501
+ if (value && value < 0) {
31502
+ throw new Error();
31503
+ }
31504
+ return [2 /*return*/];
31505
+ });
31506
+ }); },
31507
+ },
31508
+ ] },
31509
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
31441
31510
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
31442
31511
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
31443
31512
  (React.createElement("div", { className: "steps-actions" },
@@ -31446,7 +31515,7 @@ var GHGEmissionsComponent = function (props) {
31446
31515
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31447
31516
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31448
31517
  data.map(function (tabData) {
31449
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
31518
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23;
31450
31519
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31451
31520
  tabData.year,
31452
31521
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -31486,13 +31555,17 @@ var GHGEmissionsComponent = function (props) {
31486
31555
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31487
31556
  React.createElement(Row, { gutter: 16 },
31488
31557
  React.createElement(Col, { xl: 6 },
31489
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
31558
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
31559
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
31490
31560
  React.createElement(Col, { xl: 6 },
31491
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
31561
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
31562
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
31492
31563
  React.createElement(Col, { xl: 6 },
31493
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
31564
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
31565
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
31494
31566
  React.createElement(Col, { xl: 6 },
31495
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
31567
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
31568
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
31496
31569
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31497
31570
  var isActive = _a.isActive;
31498
31571
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31547,49 +31620,81 @@ var GHGEmissionsComponent = function (props) {
31547
31620
  React.createElement(Col, { xl: 9, md: 9 },
31548
31621
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31549
31622
  React.createElement(Col, { xl: 6 },
31550
- React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31623
+ React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31551
31624
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
31552
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
31625
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
31626
+ React.createElement("div", null,
31627
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
31628
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
31629
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
31553
31630
  React.createElement(Col, { xl: 6 },
31554
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31555
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31556
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
31631
+ React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
31632
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
31633
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
31634
+ React.createElement("div", null,
31635
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
31636
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
31637
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
31557
31638
  React.createElement(Col, { xl: 6 },
31558
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31559
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31560
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
31639
+ React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
31640
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
31641
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
31642
+ React.createElement("div", null,
31643
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
31644
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
31645
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
31561
31646
  React.createElement(Col, { xl: 6 },
31562
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31563
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31564
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
31647
+ React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
31648
+ ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
31649
+ : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
31650
+ React.createElement("div", null,
31651
+ React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31652
+ ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31653
+ : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
31565
31654
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31566
31655
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31567
31656
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31568
31657
  React.createElement(Col, { xl: 9, md: 9 },
31569
31658
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31570
31659
  React.createElement(Col, { xl: 6 },
31571
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31572
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31573
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
31660
+ React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
31661
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
31662
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
31663
+ React.createElement("div", null,
31664
+ React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
31665
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
31666
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
31574
31667
  React.createElement(Col, { xl: 6 },
31575
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31576
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31577
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
31668
+ React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
31669
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
31670
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
31671
+ React.createElement("div", null,
31672
+ React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
31673
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
31674
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
31578
31675
  React.createElement(Col, { xl: 6 },
31579
- React.createElement(InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31580
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31581
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
31676
+ React.createElement(Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
31677
+ ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
31678
+ : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
31679
+ React.createElement("div", null,
31680
+ React.createElement(InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
31681
+ ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
31682
+ : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
31582
31683
  React.createElement(Col, { xl: 6 },
31583
- React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31584
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31585
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31586
- })))),
31684
+ React.createElement(Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
31685
+ ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
31686
+ : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
31687
+ React.createElement("div", null,
31688
+ React.createElement(InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
31689
+ ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
31690
+ : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
31691
+ }))))),
31587
31692
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31588
31693
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31589
31694
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31590
31695
  };
31591
31696
 
31592
- var css_248z$1 = ".ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 5px !important;\n height: 50px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 50px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 50px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 50px;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 50px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 600;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 20px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 5px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 20px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 4px 15px;\n height: 28px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 16px;\n font-weight: 500;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 50px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
31697
+ var css_248z$1 = ".projection-tab-container .ant-tabs-tab-btn {\n padding: 5px 30px;\n text-align: center;\n font-weight: 600;\n color: rgba(58, 53, 65, 0.5); }\n\n.projection-tab-container .anticon-lock {\n margin-right: 0 !important; }\n\n.projection-tab-container .add-projection {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n margin: 1rem 0 1rem 0;\n border-radius: 10px;\n padding: 0 1.5rem 2.5rem 1.5rem; }\n .projection-tab-container .add-projection .ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-tabs-ink-bar {\n position: absolute;\n background: #16b1ff !important;\n pointer-events: none; }\n .projection-tab-container .add-projection .add-new-year-picker-col {\n padding-left: 5%; }\n .projection-tab-container .add-projection .ant-picker {\n border-radius: 4px !important;\n height: 40px !important;\n width: 80%; }\n .projection-tab-container .add-projection .ant-input-suffix {\n display: flex;\n flex: none;\n align-items: center;\n height: 50px; }\n .projection-tab-container .add-projection .ant-input-suffix button {\n border: none;\n color: #8C8C8C; }\n .projection-tab-container .add-projection .ant-input-affix-wrapper {\n padding: 0 11px;\n border-radius: 5px; }\n .projection-tab-container .add-projection .add-new-upload-file-label {\n color: rgba(58, 53, 65, 0.5);\n padding: 0 0 8px;\n line-height: 1.5715;\n white-space: initial;\n text-align: left; }\n .projection-tab-container .add-projection .add-new-upload-file-name-input input {\n height: 40px;\n color: #16b1ff;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .add-new-upload-file-inner-col button {\n height: 40px;\n font-size: 12px;\n width: 120px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-name-input input {\n height: 40px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .view-download-file-inner-col button {\n height: 40px;\n font-size: 12px;\n font-weight: 400;\n width: 135px;\n margin-left: 5px;\n color: #8C8C8C;\n border-radius: 4px !important; }\n .projection-tab-container .add-projection .table-heading-row {\n padding-top: 20px;\n padding-bottom: 25px;\n margin-left: 10px !important; }\n .projection-tab-container .add-projection .table-heading-row .table-heading-col {\n text-align: center;\n font-size: 16px;\n font-weight: 700;\n color: #28282899; }\n .projection-tab-container .add-projection .total-emission-row {\n padding: 12px 16px;\n margin-left: 30px !important; }\n .projection-tab-container .add-projection .total-emission-row span {\n font-size: 18px;\n font-weight: 700;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-emission-row .total-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .panel-header-col {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-header-emission-value-col {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel .panel-header-emission-value-col {\n border-bottom: none !important;\n padding-bottom: 10px; }\n .projection-tab-container .add-projection .sub-panel-heading {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n margin-top: 35px; }\n .projection-tab-container .add-projection .sub-panel-heading .panel-header-col {\n font-size: 14px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {\n padding-top: 0px;\n padding-bottom: 12px;\n margin-left: 32px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon {\n margin-top: 3px; }\n .projection-tab-container .add-projection .ant-collapse-expand-icon svg {\n font-size: 16px;\n color: #16b1ff; }\n .projection-tab-container .add-projection .ant-collapse {\n margin-left: 10px; }\n .projection-tab-container .add-projection .co2-total-pill {\n border-radius: 20px;\n background-color: rgba(145, 85, 253, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .ch4-total-pill {\n border-radius: 20px;\n background-color: rgba(217, 217, 217, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .n2o-total-pill {\n border-radius: 20px;\n background-color: rgba(185, 226, 244, 0.4);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .co2eq-total-pill {\n border-radius: 20px;\n background-color: rgba(255, 166, 166, 0.6);\n padding: 5px 15px;\n height: 30px;\n color: #5B5B5B;\n font-size: 12px;\n font-weight: 900;\n margin-left: auto;\n margin-right: auto;\n width: 90px;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis; }\n .projection-tab-container .add-projection .panel-content-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6);\n padding-bottom: 10px;\n height: 68px;\n align-items: center; }\n .projection-tab-container .add-projection .panel-content-row .panel-content-title {\n font-size: 14px;\n font-weight: 400;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .panel-content-input-box-row {\n margin-top: 14px; }\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n height: 40px;\n margin-left: 20%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 17% !important; }\n .projection-tab-container .add-projection .total-co2-without-land-row {\n margin-left: 40px !important;\n align-items: center;\n margin-top: 10px; }\n .projection-tab-container .add-projection .total-co2-without-land-row .total-co2-without-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-without-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .total-co2-with-land-row {\n margin-left: 40px !important;\n align-items: center; }\n .projection-tab-container .add-projection .total-co2-with-land-row .total-co2-with-land-title {\n font-size: 16px;\n font-weight: 600;\n color: #3A3541CC; }\n .projection-tab-container .add-projection .total-co2-with-land-row .panel-content-input-box-row {\n border-bottom: 1px solid rgba(217, 217, 217, 0.6); }\n .projection-tab-container .add-projection .ant-input-number-input {\n text-align: center;\n height: 40px; }\n .projection-tab-container .add-projection .view-data-panel .panel-content-input-box-row {\n padding-bottom: 24px; }\n .projection-tab-container .add-projection .steps-actions {\n display: flex;\n flex-direction: row-reverse;\n margin-right: 1rem;\n margin-top: 3rem; }\n .projection-tab-container .add-projection .steps-actions .action-btn {\n border: 1px solid #16b1ff;\n color: #16b1ff;\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .submit-btn {\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .back-btn {\n border: 1px solid rgba(140, 140, 140, 0.7);\n color: rgba(140, 140, 140, 0.7);\n margin-right: 1rem; }\n .projection-tab-container .add-projection .steps-actions .mg-left-1 {\n margin-left: 1rem; }\n @media only screen and (max-width: 1600px) {\n .projection-tab-container .add-projection .panel-content-input-box-row .ant-input-number {\n margin-left: 10%; }\n .projection-tab-container .add-projection .total-co2-land-input-box-row .ant-input-number {\n margin-left: 7% !important; } }\n";
31593
31698
  styleInject(css_248z$1);
31594
31699
 
31595
31700
  var ProjectionTypes = {
@@ -31636,14 +31741,24 @@ var GHGProjectionsComponent = function (props) {
31636
31741
  var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
31637
31742
  var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31638
31743
  var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
31639
- var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31640
- var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31641
- var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31642
- var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31643
- var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31644
- var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31645
- var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31646
- var _18 = useState({}), actionInfo = _18[0], setActionInfo = _18[1];
31744
+ var _11 = useState({
31745
+ totalCo2WithoutLand_bau: 0,
31746
+ totalCo2WithoutLand_conditionalNdc: 0,
31747
+ totalCo2WithoutLand_unconditionalNdc: 0
31748
+ }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
31749
+ var _12 = useState({
31750
+ totalCo2WithLand_bau: 0,
31751
+ totalCo2WithLand_conditionalNdc: 0,
31752
+ totalCo2WithLand_unconditionalNdc: 0
31753
+ }); _12[0]; _12[1];
31754
+ var _13 = useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
31755
+ var _14 = useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
31756
+ var _15 = useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
31757
+ var _16 = useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
31758
+ var _17 = useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
31759
+ var _18 = useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
31760
+ var _19 = useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
31761
+ var _20 = useState({}), actionInfo = _20[0], setActionInfo = _20[1];
31647
31762
  var Panel = Collapse.Panel;
31648
31763
  var form = Form.useForm()[0];
31649
31764
  var createSetFieldObject = function (obj, objName) {
@@ -32667,17 +32782,32 @@ var GHGProjectionsComponent = function (props) {
32667
32782
  }
32668
32783
  return 0;
32669
32784
  };
32785
+ var handleTotalCo2WithoutLandEmissions = function (field, value) {
32786
+ setTotalCo2WithoutLandEmissions(function (prevState) {
32787
+ var _a;
32788
+ return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
32789
+ });
32790
+ };
32791
+ // Helper function to get form field value
32792
+ var getFieldValue = function (fieldName) {
32793
+ var formValues = form.getFieldsValue(true);
32794
+ var fieldValue = formValues[fieldName];
32795
+ return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
32796
+ };
32670
32797
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
32671
32798
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
32672
32799
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
32673
32800
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
32674
32801
  React.createElement(Row, { gutter: 16 },
32675
32802
  React.createElement(Col, { xl: 7 },
32676
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
32803
+ React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
32804
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
32677
32805
  React.createElement(Col, { xl: 7 },
32678
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
32806
+ React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
32807
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
32679
32808
  React.createElement(Col, { xl: 7 },
32680
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
32809
+ React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
32810
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
32681
32811
  var renderPanelHeaderView = function (panelHeading, tabData) {
32682
32812
  var projectionObject = tabData[panelHeading];
32683
32813
  return (React.createElement(Row, { gutter: 16 },
@@ -32686,11 +32816,14 @@ var GHGProjectionsComponent = function (props) {
32686
32816
  React.createElement(Col, { xl: 9, md: 9 },
32687
32817
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
32688
32818
  React.createElement(Col, { xl: 7 },
32689
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
32819
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
32820
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
32690
32821
  React.createElement(Col, { xl: 7 },
32691
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
32822
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
32823
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
32692
32824
  React.createElement(Col, { xl: 7 },
32693
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
32825
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
32826
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
32694
32827
  };
32695
32828
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32696
32829
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32698,47 +32831,50 @@ var GHGProjectionsComponent = function (props) {
32698
32831
  React.createElement(Col, { xl: 9, md: 9 },
32699
32832
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32700
32833
  React.createElement(Col, { xl: 7 },
32701
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32702
- {
32703
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32704
- return __generator(this, function (_a) {
32705
- if (value && value < 0) {
32706
- throw new Error();
32707
- }
32708
- return [2 /*return*/];
32709
- });
32710
- }); },
32711
- },
32712
- ] },
32713
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32834
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
32835
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32836
+ {
32837
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32838
+ return __generator(this, function (_a) {
32839
+ if (value && value < 0) {
32840
+ throw new Error();
32841
+ }
32842
+ return [2 /*return*/];
32843
+ });
32844
+ }); },
32845
+ },
32846
+ ] },
32847
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32714
32848
  React.createElement(Col, { xl: 7 },
32715
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32716
- {
32717
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32718
- return __generator(this, function (_a) {
32719
- if (value && value < 0) {
32720
- throw new Error();
32721
- }
32722
- return [2 /*return*/];
32723
- });
32724
- }); },
32725
- },
32726
- ] },
32727
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32849
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
32850
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32851
+ {
32852
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32853
+ return __generator(this, function (_a) {
32854
+ if (value && value < 0) {
32855
+ throw new Error();
32856
+ }
32857
+ return [2 /*return*/];
32858
+ });
32859
+ }); },
32860
+ },
32861
+ ] },
32862
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32728
32863
  React.createElement(Col, { xl: 7 },
32729
- React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32730
- {
32731
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32732
- return __generator(this, function (_a) {
32733
- if (value && value < 0) {
32734
- throw new Error();
32735
- }
32736
- return [2 /*return*/];
32737
- });
32738
- }); },
32739
- },
32740
- ] },
32741
- React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
32864
+ React.createElement(Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
32865
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32866
+ {
32867
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32868
+ return __generator(this, function (_a) {
32869
+ if (value && value < 0) {
32870
+ throw new Error();
32871
+ }
32872
+ return [2 /*return*/];
32873
+ });
32874
+ }); },
32875
+ },
32876
+ ] },
32877
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))))); };
32742
32878
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
32743
32879
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32744
32880
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32746,11 +32882,17 @@ var GHGProjectionsComponent = function (props) {
32746
32882
  React.createElement(Col, { xl: 9, md: 9 },
32747
32883
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32748
32884
  React.createElement(Col, { xl: 7 },
32749
- React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
32885
+ React.createElement(Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
32886
+ React.createElement("div", null,
32887
+ React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
32750
32888
  React.createElement(Col, { xl: 7 },
32751
- React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
32889
+ React.createElement(Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
32890
+ React.createElement("div", null,
32891
+ React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
32752
32892
  React.createElement(Col, { xl: 7 },
32753
- React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
32893
+ React.createElement(Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
32894
+ React.createElement("div", null,
32895
+ React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
32754
32896
  };
32755
32897
  var objectToCSV = function (dataToDownload) {
32756
32898
  var flattenObject = function (obj, prefix) {
@@ -32819,6 +32961,17 @@ var GHGProjectionsComponent = function (props) {
32819
32961
  }
32820
32962
  return false;
32821
32963
  };
32964
+ var displayEmptyView = function () {
32965
+ if (!data || data.length === 0) {
32966
+ if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== CompanyRole.MINISTRY) {
32967
+ return true;
32968
+ }
32969
+ else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly) {
32970
+ return true;
32971
+ }
32972
+ }
32973
+ return false;
32974
+ };
32822
32975
  var canViewForm = function () {
32823
32976
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
32824
32977
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -32836,7 +32989,9 @@ var GHGProjectionsComponent = function (props) {
32836
32989
  React.createElement("div", { className: "title-bar" },
32837
32990
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
32838
32991
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
32839
- React.createElement("div", { className: "content-card add-projection" },
32992
+ (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
32993
+ React.createElement(Empty, { image: Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
32994
+ (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
32840
32995
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
32841
32996
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
32842
32997
  React.createElement("div", null,
@@ -32929,11 +33084,14 @@ var GHGProjectionsComponent = function (props) {
32929
33084
  React.createElement(Col, { xl: 9, md: 9 },
32930
33085
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
32931
33086
  React.createElement(Col, { xl: 7 },
32932
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33087
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33088
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
32933
33089
  React.createElement(Col, { xl: 7 },
32934
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33090
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33091
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
32935
33092
  React.createElement(Col, { xl: 7 },
32936
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33093
+ React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33094
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
32937
33095
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
32938
33096
  var isActive = _a.isActive;
32939
33097
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -32960,94 +33118,100 @@ var GHGProjectionsComponent = function (props) {
32960
33118
  React.createElement(Col, { xl: 9, md: 9 },
32961
33119
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
32962
33120
  React.createElement(Col, { xl: 7 },
32963
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
32964
- {
32965
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32966
- return __generator(this, function (_a) {
32967
- if (value && value < 0) {
32968
- throw new Error();
32969
- }
32970
- return [2 /*return*/];
32971
- });
32972
- }); },
32973
- },
32974
- ] },
32975
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33121
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33122
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33123
+ {
33124
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33125
+ return __generator(this, function (_a) {
33126
+ if (value && value < 0) {
33127
+ throw new Error();
33128
+ }
33129
+ return [2 /*return*/];
33130
+ });
33131
+ }); },
33132
+ },
33133
+ ] },
33134
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32976
33135
  React.createElement(Col, { xl: 7 },
32977
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
32978
- {
32979
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32980
- return __generator(this, function (_a) {
32981
- if (value && value < 0) {
32982
- throw new Error();
32983
- }
32984
- return [2 /*return*/];
32985
- });
32986
- }); },
32987
- },
32988
- ] },
32989
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33136
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
33137
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33138
+ {
33139
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33140
+ return __generator(this, function (_a) {
33141
+ if (value && value < 0) {
33142
+ throw new Error();
33143
+ }
33144
+ return [2 /*return*/];
33145
+ });
33146
+ }); },
33147
+ },
33148
+ ] },
33149
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
32990
33150
  React.createElement(Col, { xl: 7 },
32991
- React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
32992
- {
32993
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32994
- return __generator(this, function (_a) {
32995
- if (value && value < 0) {
32996
- throw new Error();
32997
- }
32998
- return [2 /*return*/];
32999
- });
33000
- }); },
33001
- },
33002
- ] },
33003
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
33151
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
33152
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33153
+ {
33154
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33155
+ return __generator(this, function (_a) {
33156
+ if (value && value < 0) {
33157
+ throw new Error();
33158
+ }
33159
+ return [2 /*return*/];
33160
+ });
33161
+ }); },
33162
+ },
33163
+ ] },
33164
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
33004
33165
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33005
33166
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33006
33167
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33007
33168
  React.createElement(Col, { xl: 9, md: 9 },
33008
33169
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33009
33170
  React.createElement(Col, { xl: 7 },
33010
- React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
33011
- {
33012
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33013
- return __generator(this, function (_a) {
33014
- if (value && value < 0) {
33015
- throw new Error();
33016
- }
33017
- return [2 /*return*/];
33018
- });
33019
- }); },
33020
- },
33021
- ] },
33022
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33171
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
33172
+ React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
33173
+ {
33174
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33175
+ return __generator(this, function (_a) {
33176
+ if (value && value < 0) {
33177
+ throw new Error();
33178
+ }
33179
+ return [2 /*return*/];
33180
+ });
33181
+ }); },
33182
+ },
33183
+ ] },
33184
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33023
33185
  React.createElement(Col, { xl: 7 },
33024
- React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33025
- {
33026
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33027
- return __generator(this, function (_a) {
33028
- if (value && value < 0) {
33029
- throw new Error();
33030
- }
33031
- return [2 /*return*/];
33032
- });
33033
- }); },
33034
- },
33035
- ] },
33036
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33186
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
33187
+ React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33188
+ {
33189
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33190
+ return __generator(this, function (_a) {
33191
+ if (value && value < 0) {
33192
+ throw new Error();
33193
+ }
33194
+ return [2 /*return*/];
33195
+ });
33196
+ }); },
33197
+ },
33198
+ ] },
33199
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))),
33037
33200
  React.createElement(Col, { xl: 7 },
33038
- React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33039
- {
33040
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33041
- return __generator(this, function (_a) {
33042
- if (value && value < 0) {
33043
- throw new Error();
33044
- }
33045
- return [2 /*return*/];
33046
- });
33047
- }); },
33048
- },
33049
- ] },
33050
- React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
33201
+ React.createElement(Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
33202
+ React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33203
+ {
33204
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33205
+ return __generator(this, function (_a) {
33206
+ if (value && value < 0) {
33207
+ throw new Error();
33208
+ }
33209
+ return [2 /*return*/];
33210
+ });
33211
+ }); },
33212
+ },
33213
+ ] },
33214
+ React.createElement(InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))),
33051
33215
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
33052
33216
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
33053
33217
  (React.createElement("div", { className: "steps-actions" },
@@ -33056,7 +33220,7 @@ var GHGProjectionsComponent = function (props) {
33056
33220
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33057
33221
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33058
33222
  data.map(function (tabData) {
33059
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
33223
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11;
33060
33224
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33061
33225
  tabData.year,
33062
33226
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -33089,11 +33253,14 @@ var GHGProjectionsComponent = function (props) {
33089
33253
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33090
33254
  React.createElement(Row, { gutter: 16 },
33091
33255
  React.createElement(Col, { xl: 7 },
33092
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
33256
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
33257
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33093
33258
  React.createElement(Col, { xl: 7 },
33094
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
33259
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
33260
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33095
33261
  React.createElement(Col, { xl: 7 },
33096
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
33262
+ React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
33263
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33097
33264
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33098
33265
  var isActive = _a.isActive;
33099
33266
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33146,41 +33313,65 @@ var GHGProjectionsComponent = function (props) {
33146
33313
  React.createElement(Col, { xl: 9, md: 9 },
33147
33314
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33148
33315
  React.createElement(Col, { xl: 7 },
33149
- React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33316
+ React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33150
33317
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33151
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
33318
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
33319
+ React.createElement("div", null,
33320
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
33321
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
33322
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33152
33323
  React.createElement(Col, { xl: 7 },
33153
- React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33154
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33155
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
33324
+ React.createElement(Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
33325
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
33326
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
33327
+ React.createElement("div", null,
33328
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
33329
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
33330
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33156
33331
  React.createElement(Col, { xl: 7 },
33157
- React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33158
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33159
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
33332
+ React.createElement(Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
33333
+ ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
33334
+ : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
33335
+ React.createElement("div", null,
33336
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33337
+ ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33338
+ : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33160
33339
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33161
33340
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33162
33341
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33163
33342
  React.createElement(Col, { xl: 9, md: 9 },
33164
33343
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33165
33344
  React.createElement(Col, { xl: 7 },
33166
- React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33167
- ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33168
- : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
33345
+ React.createElement(Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
33346
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
33347
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
33348
+ React.createElement("div", null,
33349
+ React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
33350
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
33351
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33169
33352
  React.createElement(Col, { xl: 7 },
33170
- React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33171
- ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33172
- : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
33353
+ React.createElement(Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
33354
+ ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
33355
+ : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
33356
+ React.createElement("div", null,
33357
+ React.createElement(InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
33358
+ ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
33359
+ : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33173
33360
  React.createElement(Col, { xl: 7 },
33174
- React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33175
- ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33176
- : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33177
- })))),
33361
+ React.createElement(Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
33362
+ ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
33363
+ : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
33364
+ React.createElement("div", null,
33365
+ React.createElement(InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
33366
+ ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
33367
+ : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
33368
+ }))))),
33178
33369
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33179
33370
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33180
33371
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33181
33372
  };
33182
33373
 
33183
- var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .dashboard-main-container .height-map-rem {\n height: 510px; }\n .dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 400;\n height: 50px;\n font-size: 20px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
33374
+ var css_248z = ".mapboxgl-popup-content {\n background-color: #ffffff !important;\n color: rgba(58, 53, 65, 0.8) !important; }\n\n.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n border-top-color: #ffffff !important; }\n\n.mapboxgl-popup-close-button,\n.mapboxgl-popup-close-button:hover {\n display: none; }\n\n.total-container {\n display: flex;\n flex-direction: column;\n border: 1px solid gray; }\n\n.annual-report {\n display: flex;\n margin-top: 30px;\n margin-left: 22px; }\n\n.ant-btn.annual-report-downloadbutton {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.annual-report-dropdownbutton {\n margin-left: 20px;\n border-radius: 5px 0px 0px 0px !important; }\n\n.margin-top-6 {\n margin-top: 7.5rem; }\n\n.margin-top-2 {\n margin-top: 2rem; }\n\n.margin-top-1 {\n margin-top: 1rem; }\n\n.ant-btn.ghg-primary {\n border-radius: 0px 5px 5px 0px !important; }\n\n.ant-btn.ghg-default {\n border-radius: 5px 0px 0px 5px !important; }\n\n.ant-btn.mid-default-btn {\n border-radius: 0px 0px 0px 0px !important; }\n\n.cards-title {\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 600;\n height: 50px;\n font-size: 1.15rem;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n\n.ghg-dashboard-main-container {\n width: 100%;\n display: flex;\n flex-direction: column;\n border-radius: 5px;\n padding: 0 2rem 0 2rem; }\n .ghg-dashboard-main-container .header-and-title {\n display: flex;\n flex-direction: row;\n width: 100%;\n padding: 0 15px 0 15px;\n font-family: \"Inter-Regular\";\n font-size: 1.4rem;\n font-weight: 600; }\n .ghg-dashboard-main-container .stastics-cards-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .stastics-cards-container .stastic-card-row .stastic-card-col {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center; }\n .ghg-dashboard-main-container .filter-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n align-items: center;\n justify-content: space-between;\n margin-top: 2rem;\n padding: 0 1.2rem 0 1.2rem; }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper {\n height: 35px !important;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .filter-container .radio-selection .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {\n background-color: transparent !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .overall {\n border-radius: 5px 0 0 5px !important; }\n .ghg-dashboard-main-container .filter-container .radio-selection .mine {\n border-radius: 0 5px 5px 0 !important; }\n .ghg-dashboard-main-container .center {\n align-items: center;\n justify-content: center; }\n .ghg-dashboard-main-container .height-pie-rem {\n height: 26.2rem; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between !important; }\n .ghg-dashboard-main-container .height-pie-rem .apexcharts-legend-series {\n display: flex !important;\n width: 38%; }\n .ghg-dashboard-main-container .apx-legend-position-bottom {\n height: 35px !important; }\n .ghg-dashboard-main-container .height-bar-rem {\n height: 29rem; }\n .ghg-dashboard-main-container .height-map-rem {\n height: 510px; }\n .ghg-dashboard-main-container .statics-and-charts-container {\n display: flex;\n flex-direction: row;\n width: 100%;\n margin-top: 2rem;\n margin-bottom: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n background: #16b1ff !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell-disabled::before {\n width: 65px !important;\n height: 32px !important;\n text-align: center !important;\n border-radius: 50px !important;\n line-height: 30px !important; }\n .ghg-dashboard-main-container .statics-and-charts-container .ant-picker-cell::before {\n left: 11px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row {\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card {\n display: flex;\n flex-direction: column;\n background-color: #ffffff;\n border-radius: 10px;\n padding: 0 1rem 0.7rem 1rem;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .margin-top-2 {\n width: 100%;\n margin-top: 2rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: space-between;\n width: 100%;\n padding: 1rem 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .title {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n width: 90%;\n font-size: 1.15rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .title-section .info-container {\n display: flex;\n flex-direction: row;\n width: 10%;\n height: 30px;\n align-items: center;\n justify-content: flex-end; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n height: 150px;\n margin-top: -0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details {\n display: flex;\n flex-direction: column;\n width: 70%;\n padding: 0 1rem 0 0.8rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .detail {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.375rem;\n padding-left: 0.125rem;\n color: rgba(58, 53, 65, 0.8);\n margin-bottom: 0.5rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .details .value {\n font-family: \"Inter\";\n font-style: normal;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 22px;\n padding-left: 0.125rem;\n padding: 0;\n color: #16b1ff; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n width: 30%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .total-programme-details .icon img {\n height: 80px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .stage-legends {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n margin-top: 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on {\n display: flex;\n flex-direction: row;\n align-items: flex-end;\n justify-content: flex-start;\n padding: 0 1rem 0 0.8rem;\n height: 50px; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .updated-on .updated-moment-container {\n display: flex;\n flex-direction: row;\n font-size: 0.75rem;\n border-radius: 3.125rem;\n padding: 0.05rem 0.8rem 0.05rem 0.8rem;\n color: #16b1ff;\n background-color: rgba(185, 226, 244, 0.4); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0 1rem 0 1rem; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title {\n display: flex;\n flex-direction: row;\n font-family: \"Inter\";\n align-items: flex-start;\n justify-content: flex-start;\n font-style: normal;\n font-weight: 700;\n height: 50px;\n font-size: 18px;\n margin-top: 1rem;\n color: rgba(58, 53, 65, 0.8); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .charts-title .unit {\n display: flex;\n margin: 0 0 0 0.5rem;\n font-family: \"Inter\";\n font-size: 1.15rem;\n font-weight: 500;\n color: rgba(58, 53, 65, 0.5); }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-top .info-container {\n display: flex;\n flex-direction: row;\n align-items: center; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .statics-and-charts-container .statics-card-row .statics-card-col .statics-card .charts-section chart {\n width: 1000px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp {\n padding-right: 30px;\n font-size: 13px;\n font-weight: 600;\n text-align: center;\n color: #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-default {\n width: 90px;\n color: #3A354180;\n border: 1px solid #3A354180; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn-primary {\n width: 90px; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-btn span {\n text-transform: none; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper {\n border: 1px solid #3A354180 !important;\n color: #3A354180 !important;\n width: 90px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .ant-radio-button-wrapper-checked {\n background-color: #16b1ff !important;\n color: #ffffff !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .actual-btn {\n border-radius: 4px 0 0 4px !important; }\n .ghg-dashboard-main-container .actual-estimate-btn-grp .estimate-btn {\n border-radius: 0 4px 4px 0 !important; }\n .ghg-dashboard-main-container .statics-card:hover {\n box-shadow: rgba(0, 5, 18, 0.2) 0px 8px 24px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 60px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-total-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-charts-container-certified-programmes .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container {\n display: flex;\n flex-direction: row;\n width: 98%;\n margin: 5px 10px 25px 15px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 400px;\n background: #f6f6f6;\n box-shadow: rgba(106, 106, 106, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .stastics-pie-charts-container .stastic-charts-row .stastic-charts-col .chart-card:hover {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%;\n background: #f1f1f1;\n box-shadow: rgba(124, 124, 124, 0.2) 0px 8px 24px;\n border-radius: 10px;\n padding: 10px 10px 10px 10px; }\n .ghg-dashboard-main-container .maps-container {\n display: flex;\n flex-direction: row;\n border-radius: 10px;\n margin: 25px 20px 25px 15px;\n height: auto; }\n .ghg-dashboard-main-container .maps-container .maps-container-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n .ghg-dashboard-main-container .maps-container .maps-container-row .maps-container-col {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: center;\n width: 100%; }\n";
33184
33375
  styleInject(css_248z);
33185
33376
 
33186
33377
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33361,7 +33552,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33361
33552
  position: 'bottom',
33362
33553
  horizontalAlign: 'center',
33363
33554
  floating: false,
33364
- fontSize: '12px',
33555
+ fontSize: '14px',
33365
33556
  fontFamily: 'Inter',
33366
33557
  fontWeight: 400,
33367
33558
  formatter: undefined,
@@ -33377,12 +33568,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33377
33568
  useSeriesColors: false,
33378
33569
  },
33379
33570
  markers: {
33380
- width: 8,
33381
- height: 8,
33571
+ width: 12,
33572
+ height: 12,
33382
33573
  strokeWidth: 0,
33383
33574
  strokeColor: '#fff',
33384
33575
  fillColors: chartColors,
33385
- radius: 0,
33576
+ radius: 12,
33386
33577
  customHTML: undefined,
33387
33578
  onClick: undefined,
33388
33579
  offsetX: 0,
@@ -33582,7 +33773,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33582
33773
  ],
33583
33774
  xaxis: {
33584
33775
  title: {
33585
- text: '',
33776
+ text: 'Year',
33586
33777
  style: {
33587
33778
  color: '#263238',
33588
33779
  fontSize: '12px',
@@ -33667,12 +33858,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33667
33858
  useSeriesColors: false,
33668
33859
  },
33669
33860
  markers: {
33670
- width: [16, 16, 16, 33],
33671
- height: [16, 16, 16, 2],
33861
+ width: [12, 12, 12, 33],
33862
+ height: [12, 12, 12, 2],
33672
33863
  strokeWidth: 0,
33673
33864
  strokeColor: '#fff',
33674
33865
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
33675
- radius: 0,
33866
+ radius: 12,
33676
33867
  customHTML: undefined,
33677
33868
  onClick: undefined,
33678
33869
  offsetX: 0,
@@ -33712,7 +33903,6 @@ var GHGDashboardComponent = function (props) {
33712
33903
  [GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
33713
33904
  [GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
33714
33905
  ];
33715
- var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
33716
33906
  var handleResize = function () {
33717
33907
  setScreenWidth(window.innerWidth);
33718
33908
  };
@@ -33857,7 +34047,7 @@ var GHGDashboardComponent = function (props) {
33857
34047
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
33858
34048
  configs: {
33859
34049
  title: t('emissionsBySectorTitle'),
33860
- tooltip: t('emissionsBySectorTT' + TTSuffix),
34050
+ tooltip: t('emissionsBySectorTT'),
33861
34051
  colors: colors,
33862
34052
  chartColumnWidth: 12,
33863
34053
  chartWidth: 490,
@@ -33872,7 +34062,7 @@ var GHGDashboardComponent = function (props) {
33872
34062
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
33873
34063
  configs: {
33874
34064
  title: t('emissionsByGasTitle'),
33875
- tooltip: t('emissionsByGasTT' + TTSuffix),
34065
+ tooltip: t('emissionsByGasTT'),
33876
34066
  colors: colors,
33877
34067
  chartColumnWidth: 12,
33878
34068
  chartWidth: 490,
@@ -33886,7 +34076,7 @@ var GHGDashboardComponent = function (props) {
33886
34076
  aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
33887
34077
  configs: {
33888
34078
  title: t('emissionsMitigationPotentialBySectorTitle'),
33889
- tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34079
+ tooltip: t('emissionsMitigationPotentialBySectorTT'),
33890
34080
  colors: colors,
33891
34081
  chartColumnWidth: 24,
33892
34082
  chartWidth: screenWidth * 0.72,
@@ -33900,7 +34090,7 @@ var GHGDashboardComponent = function (props) {
33900
34090
  aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
33901
34091
  configs: {
33902
34092
  title: t('emissionsReductionPercentageBySectorTitle'),
33903
- tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34093
+ tooltip: t('emissionsReductionPercentageBySectorTT'),
33904
34094
  colors: colors,
33905
34095
  chartColumnWidth: 24,
33906
34096
  chartWidth: screenWidth * 0.72,
@@ -33914,7 +34104,7 @@ var GHGDashboardComponent = function (props) {
33914
34104
  aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
33915
34105
  configs: {
33916
34106
  title: t('emissionsComparisonTitle'),
33917
- tooltip: t('emissionsComparisonTT' + TTSuffix),
34107
+ tooltip: t('emissionsComparisonTT'),
33918
34108
  colors: colorsComparison,
33919
34109
  chartColumnWidth: 24,
33920
34110
  chartWidth: screenWidth * 0.72,
@@ -34058,7 +34248,7 @@ var GHGDashboardComponent = function (props) {
34058
34248
  React.createElement(BarChartEstimatedActualStatComponent, { id: obj.aggType, title: obj.configs.title, estimateOptions: estimateData ? getChartOptions(d.data[2], getColorsForPercentageCharts(estimateData), obj.aggType) : [], actualOptions: actualData ? getChartOptions(d.data[3], getColorsForPercentageCharts(actualData), obj.aggType) : [], actualSeries: d.data[1], estimatedSeries: d.data[0], loading: loadingCharts, toolTipText: obj.configs.tooltip, Chart: Chart, lastUpdateEstimate: d.data[4], lastUpdateActual: d.data[5], width: obj.configs.chartWidth })));
34059
34249
  }
34060
34250
  };
34061
- return (React.createElement("div", { className: "dashboard-main-container" },
34251
+ return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34062
34252
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34063
34253
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34064
34254
  React.createElement(Link, { to: "/dashboard" },