@undp/carbon-library 1.0.285-CARBON-410.0 → 1.0.285-CARBON-406.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/index.js +437 -591
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  4. package/dist/esm/index.js +437 -591
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/esm/types/Definitions/Definitions/ndcDetails.definitions.d.ts +1 -0
  7. package/dist/locales/i18n/ghgInventory/en.json +1 -3
  8. package/dist/locales/i18n/ndc/en.json +2 -0
  9. package/package.json +1 -1
package/dist/esm/index.js CHANGED
@@ -26754,7 +26754,21 @@ var EditableCell = function (_a) {
26754
26754
  }); },
26755
26755
  },
26756
26756
  ] },
26757
- React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26757
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26758
+ {
26759
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26760
+ var trimValue;
26761
+ return __generator(this, function (_a) {
26762
+ trimValue = typeof value === "string" ? value.trim() : value;
26763
+ if (!trimValue) {
26764
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26765
+ }
26766
+ return [2 /*return*/];
26767
+ });
26768
+ }); },
26769
+ },
26770
+ ] },
26771
+ React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26758
26772
  {
26759
26773
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26760
26774
  var trimValue;
@@ -26861,11 +26875,13 @@ var NdcDetailsComponent = function (props) {
26861
26875
  : undefined;
26862
26876
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
26863
26877
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
26864
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
26878
+ var isMainNdcActionsEditable = selectedPeriod &&
26879
+ !selectedPeriod.finalized &&
26865
26880
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT &&
26866
26881
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly;
26867
26882
  var isSubNdcActionsEditable = function (record) {
26868
- return (!selectedPeriod.finalized &&
26883
+ return (selectedPeriod &&
26884
+ !selectedPeriod.finalized &&
26869
26885
  record.status !== NdcDetailsActionStatus.Approved &&
26870
26886
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
26871
26887
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY &&
@@ -26873,7 +26889,8 @@ var NdcDetailsComponent = function (props) {
26873
26889
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
26874
26890
  };
26875
26891
  var checkSubNdcActionCreatePermission = function () {
26876
- return (!selectedPeriod.finalized &&
26892
+ return (selectedPeriod &&
26893
+ !selectedPeriod.finalized &&
26877
26894
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT ||
26878
26895
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) &&
26879
26896
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly);
@@ -26886,7 +26903,7 @@ var NdcDetailsComponent = function (props) {
26886
26903
  return isSubNdcActionsEditable(record);
26887
26904
  }
26888
26905
  };
26889
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
26906
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
26890
26907
  ? ndcActionsList.filter(function (ndcDetail) {
26891
26908
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
26892
26909
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -26902,6 +26919,7 @@ var NdcDetailsComponent = function (props) {
26902
26919
  actionType: NdcDetailsActionType.SubAction,
26903
26920
  nationalPlanObjective: "",
26904
26921
  kpi: "",
26922
+ kpiUnit: "",
26905
26923
  ministryName: loginMinistry,
26906
26924
  status: NdcDetailsActionStatus.New,
26907
26925
  parentActionId: mainActionId,
@@ -26913,6 +26931,7 @@ var NdcDetailsComponent = function (props) {
26913
26931
  form.setFieldsValue({
26914
26932
  nationalPlanObjective: "",
26915
26933
  kpi: "",
26934
+ kpiUnit: "",
26916
26935
  });
26917
26936
  }
26918
26937
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -26954,6 +26973,7 @@ var NdcDetailsComponent = function (props) {
26954
26973
  return [2 /*return*/];
26955
26974
  }
26956
26975
  else if (updatedFields.kpi === row.kpi &&
26976
+ updatedFields.kpiUnit === row.kpiUnit &&
26957
26977
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26958
26978
  ClearEditMode();
26959
26979
  return [2 /*return*/];
@@ -26967,13 +26987,13 @@ var NdcDetailsComponent = function (props) {
26967
26987
  else {
26968
26988
  updatedItem.status = NdcDetailsActionStatus.Pending;
26969
26989
  }
26970
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
26990
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26971
26991
  case 5:
26972
26992
  _a.sent();
26973
26993
  return [3 /*break*/, 8];
26974
26994
  case 6:
26975
26995
  updatedItem.status = NdcDetailsActionStatus.Pending;
26976
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
26996
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26977
26997
  case 7:
26978
26998
  _a.sent();
26979
26999
  _a.label = 8;
@@ -26998,6 +27018,7 @@ var NdcDetailsComponent = function (props) {
26998
27018
  var actionMenu = function (record) {
26999
27019
  if (record.status === NdcDetailsActionStatus.Pending &&
27000
27020
  isGovernmentUser &&
27021
+ selectedPeriod &&
27001
27022
  !selectedPeriod.finalized) {
27002
27023
  return (React.createElement(List, { className: "action-menu", size: "small", dataSource: [
27003
27024
  {
@@ -27057,7 +27078,17 @@ var NdcDetailsComponent = function (props) {
27057
27078
  width: 100,
27058
27079
  editable: true,
27059
27080
  render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpi ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27060
- React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: "Enter Kpi" })))); },
27081
+ React.createElement("span", null, record.kpi))) : (React.createElement(Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27082
+ },
27083
+ {
27084
+ title: t("ndc:ndcColumnsKpiUnit"),
27085
+ dataIndex: "kpiUnit",
27086
+ key: "kpiUnit",
27087
+ align: "left",
27088
+ width: 100,
27089
+ editable: true,
27090
+ render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.kpiUnit ? (React.createElement(Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27091
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27061
27092
  },
27062
27093
  {
27063
27094
  title: t("ndc:ndcColumnsMinistry"),
@@ -27121,6 +27152,7 @@ var NdcDetailsComponent = function (props) {
27121
27152
  form.setFieldsValue({
27122
27153
  nationalPlanObjective: "",
27123
27154
  kpi: "",
27155
+ kpiUnit: "",
27124
27156
  });
27125
27157
  periodId = parseInt(selectedPeriod.key);
27126
27158
  newData_1 = {
@@ -27128,6 +27160,7 @@ var NdcDetailsComponent = function (props) {
27128
27160
  actionType: NdcDetailsActionType.MainAction,
27129
27161
  nationalPlanObjective: "",
27130
27162
  kpi: "",
27163
+ kpiUnit: "",
27131
27164
  ministryName: loginMinistry,
27132
27165
  periodId: periodId,
27133
27166
  status: NdcDetailsActionStatus.New,
@@ -27266,10 +27299,11 @@ var NdcDetailsComponent = function (props) {
27266
27299
  };
27267
27300
  }, footer: function () {
27268
27301
  return isGovernmentUser &&
27302
+ selectedPeriod &&
27269
27303
  !selectedPeriod.finalized && (React.createElement(Row, { justify: "center" },
27270
27304
  React.createElement(Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27271
27305
  } })))),
27272
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27306
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27273
27307
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27274
27308
  React.createElement(Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27275
27309
  React.createElement(Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -27617,10 +27651,12 @@ var NdcDetailsComponent = function (props) {
27617
27651
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27618
27652
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27619
27653
  React.createElement("div", null,
27620
- React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27621
- React.createElement("div", null, selectedPeriod.key === "add_new"
27622
- ? addNewPeriodContent()
27623
- : mainNdcActionTableContent()),
27654
+ React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
27655
+ React.createElement("div", null, selectedPeriod
27656
+ ? selectedPeriod.key === "add_new"
27657
+ ? addNewPeriodContent()
27658
+ : mainNdcActionTableContent()
27659
+ : ""),
27624
27660
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27625
27661
  };
27626
27662
 
@@ -29379,7 +29415,7 @@ var TimelineBody = function (props) {
29379
29415
  React.createElement("div", { className: "remark-body" }, remark)))));
29380
29416
  };
29381
29417
 
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";
29418
+ 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";
29383
29419
  styleInject(css_248z$2);
29384
29420
 
29385
29421
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -29833,26 +29869,14 @@ var GHGEmissionsComponent = function (props) {
29833
29869
  var _17 = useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
29834
29870
  var _18 = useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
29835
29871
  var _19 = useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[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];
29872
+ var _20 = useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
29873
+ var _21 = useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
29874
+ var _22 = useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
29875
+ var _23 = useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
29876
+ var _24 = useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
29877
+ var _25 = useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
29878
+ var _26 = useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
29879
+ var _27 = useState({}), actionInfo = _27[0], setActionInfo = _27[1];
29856
29880
  var Panel = Collapse.Panel;
29857
29881
  var form = Form.useForm()[0];
29858
29882
  var createSetFieldObject = function (obj, objName) {
@@ -31007,35 +31031,19 @@ var GHGEmissionsComponent = function (props) {
31007
31031
  return 0;
31008
31032
  }
31009
31033
  };
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
- };
31022
31034
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
31023
31035
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
31024
31036
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31025
31037
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31026
31038
  React.createElement(Row, { gutter: 16 },
31027
31039
  React.createElement(Col, { xl: 6 },
31028
- React.createElement(Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31029
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31040
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31030
31041
  React.createElement(Col, { xl: 6 },
31031
- React.createElement(Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31032
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31042
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31033
31043
  React.createElement(Col, { xl: 6 },
31034
- React.createElement(Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31035
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31044
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31036
31045
  React.createElement(Col, { xl: 6 },
31037
- React.createElement(Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31038
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31046
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31039
31047
  var renderPanelHeaderView = function (panelHeading, tabData) {
31040
31048
  var emissionsObject = tabData[panelHeading];
31041
31049
  return (React.createElement(Row, { gutter: 16 },
@@ -31044,17 +31052,13 @@ var GHGEmissionsComponent = function (props) {
31044
31052
  React.createElement(Col, { xl: 9, md: 9 },
31045
31053
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
31046
31054
  React.createElement(Col, { xl: 6 },
31047
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31048
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31055
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31049
31056
  React.createElement(Col, { xl: 6 },
31050
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31051
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31057
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31052
31058
  React.createElement(Col, { xl: 6 },
31053
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31054
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31059
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31055
31060
  React.createElement(Col, { xl: 6 },
31056
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31057
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31061
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31058
31062
  };
31059
31063
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31060
31064
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31062,65 +31066,61 @@ var GHGEmissionsComponent = function (props) {
31062
31066
  React.createElement(Col, { xl: 9, md: 9 },
31063
31067
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31064
31068
  React.createElement(Col, { xl: 6 },
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 })))),
31069
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31070
+ {
31071
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31072
+ return __generator(this, function (_a) {
31073
+ if (value && value < 0) {
31074
+ throw new Error();
31075
+ }
31076
+ return [2 /*return*/];
31077
+ });
31078
+ }); },
31079
+ },
31080
+ ] },
31081
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31079
31082
  React.createElement(Col, { xl: 6 },
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 })))),
31083
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31084
+ {
31085
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31086
+ return __generator(this, function (_a) {
31087
+ if (value && value < 0) {
31088
+ throw new Error();
31089
+ }
31090
+ return [2 /*return*/];
31091
+ });
31092
+ }); },
31093
+ },
31094
+ ] },
31095
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31094
31096
  React.createElement(Col, { xl: 6 },
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 })))),
31097
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31098
+ {
31099
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31100
+ return __generator(this, function (_a) {
31101
+ if (value && value < 0) {
31102
+ throw new Error();
31103
+ }
31104
+ return [2 /*return*/];
31105
+ });
31106
+ }); },
31107
+ },
31108
+ ] },
31109
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31109
31110
  React.createElement(Col, { xl: 6 },
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 })))))))); };
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 }))))))); };
31124
31124
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31125
31125
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
31126
31126
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31128,21 +31128,13 @@ var GHGEmissionsComponent = function (props) {
31128
31128
  React.createElement(Col, { xl: 9, md: 9 },
31129
31129
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
31130
31130
  React.createElement(Col, { xl: 6 },
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 })))),
31131
+ React.createElement(InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31134
31132
  React.createElement(Col, { xl: 6 },
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 })))),
31133
+ React.createElement(InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
31138
31134
  React.createElement(Col, { xl: 6 },
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 })))),
31135
+ React.createElement(InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
31142
31136
  React.createElement(Col, { xl: 6 },
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 }))))))));
31137
+ React.createElement(InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
31146
31138
  };
31147
31139
  var objectToCSV = function (dataToDownload) {
31148
31140
  var flattenObject = function (obj, prefix) {
@@ -31213,17 +31205,6 @@ var GHGEmissionsComponent = function (props) {
31213
31205
  }
31214
31206
  return false;
31215
31207
  };
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
- };
31227
31208
  var canViewForm = function () {
31228
31209
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
31229
31210
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31241,9 +31222,7 @@ var GHGEmissionsComponent = function (props) {
31241
31222
  React.createElement("div", { className: "title-bar" },
31242
31223
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31243
31224
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
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" },
31225
+ React.createElement("div", { className: "content-card add-emission" },
31247
31226
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
31248
31227
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31249
31228
  React.createElement("div", null,
@@ -31348,17 +31327,13 @@ var GHGEmissionsComponent = function (props) {
31348
31327
  React.createElement(Col, { xl: 9, md: 9 },
31349
31328
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
31350
31329
  React.createElement(Col, { xl: 6 },
31351
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
31352
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
31330
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
31353
31331
  React.createElement(Col, { xl: 6 },
31354
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
31355
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
31332
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
31356
31333
  React.createElement(Col, { xl: 6 },
31357
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
31358
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
31334
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
31359
31335
  React.createElement(Col, { xl: 6 },
31360
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
31361
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
31336
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
31362
31337
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31363
31338
  var isActive = _a.isActive;
31364
31339
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31383,130 +31358,122 @@ var GHGEmissionsComponent = function (props) {
31383
31358
  React.createElement(Col, { xl: 9, md: 9 },
31384
31359
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31385
31360
  React.createElement(Col, { xl: 6 },
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 })))),
31361
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31362
+ {
31363
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31364
+ return __generator(this, function (_a) {
31365
+ if (value && value < 0) {
31366
+ throw new Error();
31367
+ }
31368
+ return [2 /*return*/];
31369
+ });
31370
+ }); },
31371
+ },
31372
+ ] },
31373
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31400
31374
  React.createElement(Col, { xl: 6 },
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 })))),
31375
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31376
+ {
31377
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31378
+ return __generator(this, function (_a) {
31379
+ if (value && value < 0) {
31380
+ throw new Error();
31381
+ }
31382
+ return [2 /*return*/];
31383
+ });
31384
+ }); },
31385
+ },
31386
+ ] },
31387
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31415
31388
  React.createElement(Col, { xl: 6 },
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 })))),
31389
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31390
+ {
31391
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31392
+ return __generator(this, function (_a) {
31393
+ if (value && value < 0) {
31394
+ throw new Error();
31395
+ }
31396
+ return [2 /*return*/];
31397
+ });
31398
+ }); },
31399
+ },
31400
+ ] },
31401
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31430
31402
  React.createElement(Col, { xl: 6 },
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 }))))))),
31403
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31404
+ {
31405
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31406
+ return __generator(this, function (_a) {
31407
+ if (value && value < 0) {
31408
+ throw new Error();
31409
+ }
31410
+ return [2 /*return*/];
31411
+ });
31412
+ }); },
31413
+ },
31414
+ ] },
31415
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
31445
31416
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31446
31417
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31447
31418
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31448
31419
  React.createElement(Col, { xl: 9, md: 9 },
31449
31420
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31450
31421
  React.createElement(Col, { xl: 6 },
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 })))),
31422
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2", rules: [
31423
+ {
31424
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31425
+ return __generator(this, function (_a) {
31426
+ if (value && value < 0) {
31427
+ throw new Error();
31428
+ }
31429
+ return [2 /*return*/];
31430
+ });
31431
+ }); },
31432
+ },
31433
+ ] },
31434
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31465
31435
  React.createElement(Col, { xl: 6 },
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 })))),
31436
+ React.createElement(Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31437
+ {
31438
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31439
+ return __generator(this, function (_a) {
31440
+ if (value && value < 0) {
31441
+ throw new Error();
31442
+ }
31443
+ return [2 /*return*/];
31444
+ });
31445
+ }); },
31446
+ },
31447
+ ] },
31448
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31480
31449
  React.createElement(Col, { xl: 6 },
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 })))),
31450
+ React.createElement(Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31451
+ {
31452
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31453
+ return __generator(this, function (_a) {
31454
+ if (value && value < 0) {
31455
+ throw new Error();
31456
+ }
31457
+ return [2 /*return*/];
31458
+ });
31459
+ }); },
31460
+ },
31461
+ ] },
31462
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
31495
31463
  React.createElement(Col, { xl: 6 },
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 }))))))),
31464
+ React.createElement(Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31465
+ {
31466
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31467
+ return __generator(this, function (_a) {
31468
+ if (value && value < 0) {
31469
+ throw new Error();
31470
+ }
31471
+ return [2 /*return*/];
31472
+ });
31473
+ }); },
31474
+ },
31475
+ ] },
31476
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
31510
31477
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
31511
31478
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
31512
31479
  (React.createElement("div", { className: "steps-actions" },
@@ -31515,7 +31482,7 @@ var GHGEmissionsComponent = function (props) {
31515
31482
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31516
31483
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31517
31484
  data.map(function (tabData) {
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;
31485
+ 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;
31519
31486
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31520
31487
  tabData.year,
31521
31488
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -31555,17 +31522,13 @@ var GHGEmissionsComponent = function (props) {
31555
31522
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31556
31523
  React.createElement(Row, { gutter: 16 },
31557
31524
  React.createElement(Col, { xl: 6 },
31558
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
31559
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
31525
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
31560
31526
  React.createElement(Col, { xl: 6 },
31561
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
31562
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
31527
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
31563
31528
  React.createElement(Col, { xl: 6 },
31564
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
31565
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
31529
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
31566
31530
  React.createElement(Col, { xl: 6 },
31567
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
31568
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
31531
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
31569
31532
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
31570
31533
  var isActive = _a.isActive;
31571
31534
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -31620,81 +31583,49 @@ var GHGEmissionsComponent = function (props) {
31620
31583
  React.createElement(Col, { xl: 9, md: 9 },
31621
31584
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31622
31585
  React.createElement(Col, { xl: 6 },
31623
- React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31586
+ React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31624
31587
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
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 })))),
31588
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
31630
31589
  React.createElement(Col, { xl: 6 },
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 })))),
31590
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31591
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31592
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
31638
31593
  React.createElement(Col, { xl: 6 },
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 })))),
31594
+ React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31595
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31596
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
31646
31597
  React.createElement(Col, { xl: 6 },
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 })))))))),
31598
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31599
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31600
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
31654
31601
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31655
31602
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31656
31603
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31657
31604
  React.createElement(Col, { xl: 9, md: 9 },
31658
31605
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31659
31606
  React.createElement(Col, { xl: 6 },
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 })))),
31607
+ React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31608
+ ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31609
+ : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
31667
31610
  React.createElement(Col, { xl: 6 },
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 })))),
31611
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31612
+ ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31613
+ : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
31675
31614
  React.createElement(Col, { xl: 6 },
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 })))),
31615
+ React.createElement(InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31616
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31617
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
31683
31618
  React.createElement(Col, { xl: 6 },
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
- }))))),
31619
+ React.createElement(InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31620
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31621
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31622
+ })))),
31692
31623
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31693
31624
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31694
31625
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31695
31626
  };
31696
31627
 
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";
31628
+ 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";
31698
31629
  styleInject(css_248z$1);
31699
31630
 
31700
31631
  var ProjectionTypes = {
@@ -31741,24 +31672,14 @@ var GHGProjectionsComponent = function (props) {
31741
31672
  var _8 = useState(0), otherBau = _8[0], setOtherBau = _8[1];
31742
31673
  var _9 = useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31743
31674
  var _10 = useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[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];
31675
+ var _11 = useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31676
+ var _12 = useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31677
+ var _13 = useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31678
+ var _14 = useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31679
+ var _15 = useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31680
+ var _16 = useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31681
+ var _17 = useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31682
+ var _18 = useState({}), actionInfo = _18[0], setActionInfo = _18[1];
31762
31683
  var Panel = Collapse.Panel;
31763
31684
  var form = Form.useForm()[0];
31764
31685
  var createSetFieldObject = function (obj, objName) {
@@ -32782,32 +32703,17 @@ var GHGProjectionsComponent = function (props) {
32782
32703
  }
32783
32704
  return 0;
32784
32705
  };
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
- };
32797
32706
  var renderPanelHeader = function (panelHeading) { return (React.createElement(Row, { gutter: 16 },
32798
32707
  React.createElement(Col, { xl: 12, md: 12, className: "panel-header-col" },
32799
32708
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
32800
32709
  React.createElement(Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
32801
32710
  React.createElement(Row, { gutter: 16 },
32802
32711
  React.createElement(Col, { xl: 7 },
32803
- React.createElement(Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
32804
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
32712
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
32805
32713
  React.createElement(Col, { xl: 7 },
32806
- React.createElement(Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
32807
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
32714
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
32808
32715
  React.createElement(Col, { xl: 7 },
32809
- React.createElement(Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
32810
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
32716
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
32811
32717
  var renderPanelHeaderView = function (panelHeading, tabData) {
32812
32718
  var projectionObject = tabData[panelHeading];
32813
32719
  return (React.createElement(Row, { gutter: 16 },
@@ -32816,14 +32722,11 @@ var GHGProjectionsComponent = function (props) {
32816
32722
  React.createElement(Col, { xl: 9, md: 9 },
32817
32723
  React.createElement(Row, { gutter: 16, className: "panel-header-emission-value-col" },
32818
32724
  React.createElement(Col, { xl: 7 },
32819
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
32820
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
32725
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
32821
32726
  React.createElement(Col, { xl: 7 },
32822
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
32823
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
32727
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
32824
32728
  React.createElement(Col, { xl: 7 },
32825
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
32826
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
32729
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
32827
32730
  };
32828
32731
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32829
32732
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32831,50 +32734,47 @@ var GHGProjectionsComponent = function (props) {
32831
32734
  React.createElement(Col, { xl: 9, md: 9 },
32832
32735
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32833
32736
  React.createElement(Col, { xl: 7 },
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 })))),
32737
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32738
+ {
32739
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32740
+ return __generator(this, function (_a) {
32741
+ if (value && value < 0) {
32742
+ throw new Error();
32743
+ }
32744
+ return [2 /*return*/];
32745
+ });
32746
+ }); },
32747
+ },
32748
+ ] },
32749
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32848
32750
  React.createElement(Col, { xl: 7 },
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 })))),
32751
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32752
+ {
32753
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32754
+ return __generator(this, function (_a) {
32755
+ if (value && value < 0) {
32756
+ throw new Error();
32757
+ }
32758
+ return [2 /*return*/];
32759
+ });
32760
+ }); },
32761
+ },
32762
+ ] },
32763
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
32863
32764
  React.createElement(Col, { xl: 7 },
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 })))))))); };
32765
+ React.createElement(Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32766
+ {
32767
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32768
+ return __generator(this, function (_a) {
32769
+ if (value && value < 0) {
32770
+ throw new Error();
32771
+ }
32772
+ return [2 /*return*/];
32773
+ });
32774
+ }); },
32775
+ },
32776
+ ] },
32777
+ React.createElement(InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))))))); };
32878
32778
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
32879
32779
  return (React.createElement(Row, { gutter: 16, key: index, className: "panel-content-row" },
32880
32780
  React.createElement(Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32882,17 +32782,11 @@ var GHGProjectionsComponent = function (props) {
32882
32782
  React.createElement(Col, { xl: 9, md: 9 },
32883
32783
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
32884
32784
  React.createElement(Col, { xl: 7 },
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 })))),
32785
+ React.createElement(InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
32888
32786
  React.createElement(Col, { xl: 7 },
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 })))),
32787
+ React.createElement(InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
32892
32788
  React.createElement(Col, { xl: 7 },
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 }))))))));
32789
+ React.createElement(InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
32896
32790
  };
32897
32791
  var objectToCSV = function (dataToDownload) {
32898
32792
  var flattenObject = function (obj, prefix) {
@@ -32961,17 +32855,6 @@ var GHGProjectionsComponent = function (props) {
32961
32855
  }
32962
32856
  return false;
32963
32857
  };
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
- };
32975
32858
  var canViewForm = function () {
32976
32859
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY) {
32977
32860
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -32989,9 +32872,7 @@ var GHGProjectionsComponent = function (props) {
32989
32872
  React.createElement("div", { className: "title-bar" },
32990
32873
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
32991
32874
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
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" },
32875
+ React.createElement("div", { className: "content-card add-projection" },
32995
32876
  React.createElement(Tabs, { defaultActiveKey: "Add New", centered: true },
32996
32877
  (canViewForm()) && (React.createElement(Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
32997
32878
  React.createElement("div", null,
@@ -33084,14 +32965,11 @@ var GHGProjectionsComponent = function (props) {
33084
32965
  React.createElement(Col, { xl: 9, md: 9 },
33085
32966
  React.createElement(Row, { gutter: 16, className: "total-emission-value-col" },
33086
32967
  React.createElement(Col, { xl: 7 },
33087
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33088
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
32968
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33089
32969
  React.createElement(Col, { xl: 7 },
33090
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33091
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
32970
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33092
32971
  React.createElement(Col, { xl: 7 },
33093
- React.createElement(Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33094
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
32972
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33095
32973
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33096
32974
  var isActive = _a.isActive;
33097
32975
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33118,100 +32996,94 @@ var GHGProjectionsComponent = function (props) {
33118
32996
  React.createElement(Col, { xl: 9, md: 9 },
33119
32997
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33120
32998
  React.createElement(Col, { xl: 7 },
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 })))),
32999
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33000
+ {
33001
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33002
+ return __generator(this, function (_a) {
33003
+ if (value && value < 0) {
33004
+ throw new Error();
33005
+ }
33006
+ return [2 /*return*/];
33007
+ });
33008
+ }); },
33009
+ },
33010
+ ] },
33011
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33135
33012
  React.createElement(Col, { xl: 7 },
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 })))),
33013
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33014
+ {
33015
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33016
+ return __generator(this, function (_a) {
33017
+ if (value && value < 0) {
33018
+ throw new Error();
33019
+ }
33020
+ return [2 /*return*/];
33021
+ });
33022
+ }); },
33023
+ },
33024
+ ] },
33025
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33150
33026
  React.createElement(Col, { xl: 7 },
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 }))))))),
33027
+ React.createElement(Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33028
+ {
33029
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33030
+ return __generator(this, function (_a) {
33031
+ if (value && value < 0) {
33032
+ throw new Error();
33033
+ }
33034
+ return [2 /*return*/];
33035
+ });
33036
+ }); },
33037
+ },
33038
+ ] },
33039
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
33165
33040
  React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33166
33041
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33167
33042
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33168
33043
  React.createElement(Col, { xl: 9, md: 9 },
33169
33044
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33170
33045
  React.createElement(Col, { xl: 7 },
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 })))),
33046
+ React.createElement(Form.Item, { name: "totalCo2WithLand_bau", rules: [
33047
+ {
33048
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33049
+ return __generator(this, function (_a) {
33050
+ if (value && value < 0) {
33051
+ throw new Error();
33052
+ }
33053
+ return [2 /*return*/];
33054
+ });
33055
+ }); },
33056
+ },
33057
+ ] },
33058
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33185
33059
  React.createElement(Col, { xl: 7 },
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 })))),
33060
+ React.createElement(Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33061
+ {
33062
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33063
+ return __generator(this, function (_a) {
33064
+ if (value && value < 0) {
33065
+ throw new Error();
33066
+ }
33067
+ return [2 /*return*/];
33068
+ });
33069
+ }); },
33070
+ },
33071
+ ] },
33072
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly }))),
33200
33073
  React.createElement(Col, { xl: 7 },
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 }))))))),
33074
+ React.createElement(Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33075
+ {
33076
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33077
+ return __generator(this, function (_a) {
33078
+ if (value && value < 0) {
33079
+ throw new Error();
33080
+ }
33081
+ return [2 /*return*/];
33082
+ });
33083
+ }); },
33084
+ },
33085
+ ] },
33086
+ React.createElement(InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === Role.ViewOnly })))))),
33215
33087
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY)
33216
33088
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== Role.ViewOnly)) &&
33217
33089
  (React.createElement("div", { className: "steps-actions" },
@@ -33220,7 +33092,7 @@ var GHGProjectionsComponent = function (props) {
33220
33092
  React.createElement(Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33221
33093
  React.createElement(Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33222
33094
  data.map(function (tabData) {
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;
33095
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
33224
33096
  return tabData.state === 'FINALIZED' && (React.createElement(Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33225
33097
  tabData.year,
33226
33098
  tabData.state === 'FINALIZED' && React.createElement(LockFilled, { style: { marginLeft: 5 } })) },
@@ -33253,14 +33125,11 @@ var GHGProjectionsComponent = function (props) {
33253
33125
  React.createElement(Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33254
33126
  React.createElement(Row, { gutter: 16 },
33255
33127
  React.createElement(Col, { xl: 7 },
33256
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
33257
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33128
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
33258
33129
  React.createElement(Col, { xl: 7 },
33259
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
33260
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33130
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
33261
33131
  React.createElement(Col, { xl: 7 },
33262
- React.createElement(Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
33263
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33132
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
33264
33133
  React.createElement(Collapse, { ghost: true, expandIcon: function (_a) {
33265
33134
  var isActive = _a.isActive;
33266
33135
  return isActive ? React.createElement(MinusCircleOutlined, null) : React.createElement(PlusCircleOutlined, null);
@@ -33313,65 +33182,41 @@ var GHGProjectionsComponent = function (props) {
33313
33182
  React.createElement(Col, { xl: 9, md: 9 },
33314
33183
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33315
33184
  React.createElement(Col, { xl: 7 },
33316
- React.createElement(Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33185
+ React.createElement(InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33317
33186
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
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 })))),
33187
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
33323
33188
  React.createElement(Col, { xl: 7 },
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 })))),
33189
+ React.createElement(InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33190
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33191
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
33331
33192
  React.createElement(Col, { xl: 7 },
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 })))))))),
33193
+ React.createElement(InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33194
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33195
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
33339
33196
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33340
33197
  React.createElement(Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33341
33198
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33342
33199
  React.createElement(Col, { xl: 9, md: 9 },
33343
33200
  React.createElement(Row, { gutter: 16, className: "panel-content-input-box-row" },
33344
33201
  React.createElement(Col, { xl: 7 },
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 })))),
33202
+ React.createElement(InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33203
+ ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33204
+ : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
33352
33205
  React.createElement(Col, { xl: 7 },
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 })))),
33206
+ React.createElement(InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33207
+ ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33208
+ : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
33360
33209
  React.createElement(Col, { xl: 7 },
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
- }))))),
33210
+ React.createElement(InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33211
+ ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33212
+ : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33213
+ })))),
33369
33214
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33370
33215
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33371
33216
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33372
33217
  };
33373
33218
 
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";
33219
+ 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";
33375
33220
  styleInject(css_248z);
33376
33221
 
33377
33222
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33552,7 +33397,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33552
33397
  position: 'bottom',
33553
33398
  horizontalAlign: 'center',
33554
33399
  floating: false,
33555
- fontSize: '14px',
33400
+ fontSize: '12px',
33556
33401
  fontFamily: 'Inter',
33557
33402
  fontWeight: 400,
33558
33403
  formatter: undefined,
@@ -33568,12 +33413,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33568
33413
  useSeriesColors: false,
33569
33414
  },
33570
33415
  markers: {
33571
- width: 12,
33572
- height: 12,
33416
+ width: 8,
33417
+ height: 8,
33573
33418
  strokeWidth: 0,
33574
33419
  strokeColor: '#fff',
33575
33420
  fillColors: chartColors,
33576
- radius: 12,
33421
+ radius: 0,
33577
33422
  customHTML: undefined,
33578
33423
  onClick: undefined,
33579
33424
  offsetX: 0,
@@ -33773,7 +33618,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33773
33618
  ],
33774
33619
  xaxis: {
33775
33620
  title: {
33776
- text: 'Year',
33621
+ text: '',
33777
33622
  style: {
33778
33623
  color: '#263238',
33779
33624
  fontSize: '12px',
@@ -33858,12 +33703,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33858
33703
  useSeriesColors: false,
33859
33704
  },
33860
33705
  markers: {
33861
- width: [12, 12, 12, 33],
33862
- height: [12, 12, 12, 2],
33706
+ width: [16, 16, 16, 33],
33707
+ height: [16, 16, 16, 2],
33863
33708
  strokeWidth: 0,
33864
33709
  strokeColor: '#fff',
33865
33710
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
33866
- radius: 12,
33711
+ radius: 0,
33867
33712
  customHTML: undefined,
33868
33713
  onClick: undefined,
33869
33714
  offsetX: 0,
@@ -33903,6 +33748,7 @@ var GHGDashboardComponent = function (props) {
33903
33748
  [GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
33904
33749
  [GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
33905
33750
  ];
33751
+ var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
33906
33752
  var handleResize = function () {
33907
33753
  setScreenWidth(window.innerWidth);
33908
33754
  };
@@ -34047,7 +33893,7 @@ var GHGDashboardComponent = function (props) {
34047
33893
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
34048
33894
  configs: {
34049
33895
  title: t('emissionsBySectorTitle'),
34050
- tooltip: t('emissionsBySectorTT'),
33896
+ tooltip: t('emissionsBySectorTT' + TTSuffix),
34051
33897
  colors: colors,
34052
33898
  chartColumnWidth: 12,
34053
33899
  chartWidth: 490,
@@ -34062,7 +33908,7 @@ var GHGDashboardComponent = function (props) {
34062
33908
  aggType: GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
34063
33909
  configs: {
34064
33910
  title: t('emissionsByGasTitle'),
34065
- tooltip: t('emissionsByGasTT'),
33911
+ tooltip: t('emissionsByGasTT' + TTSuffix),
34066
33912
  colors: colors,
34067
33913
  chartColumnWidth: 12,
34068
33914
  chartWidth: 490,
@@ -34076,7 +33922,7 @@ var GHGDashboardComponent = function (props) {
34076
33922
  aggType: GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
34077
33923
  configs: {
34078
33924
  title: t('emissionsMitigationPotentialBySectorTitle'),
34079
- tooltip: t('emissionsMitigationPotentialBySectorTT'),
33925
+ tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34080
33926
  colors: colors,
34081
33927
  chartColumnWidth: 24,
34082
33928
  chartWidth: screenWidth * 0.72,
@@ -34090,7 +33936,7 @@ var GHGDashboardComponent = function (props) {
34090
33936
  aggType: GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
34091
33937
  configs: {
34092
33938
  title: t('emissionsReductionPercentageBySectorTitle'),
34093
- tooltip: t('emissionsReductionPercentageBySectorTT'),
33939
+ tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34094
33940
  colors: colors,
34095
33941
  chartColumnWidth: 24,
34096
33942
  chartWidth: screenWidth * 0.72,
@@ -34104,7 +33950,7 @@ var GHGDashboardComponent = function (props) {
34104
33950
  aggType: GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
34105
33951
  configs: {
34106
33952
  title: t('emissionsComparisonTitle'),
34107
- tooltip: t('emissionsComparisonTT'),
33953
+ tooltip: t('emissionsComparisonTT' + TTSuffix),
34108
33954
  colors: colorsComparison,
34109
33955
  chartColumnWidth: 24,
34110
33956
  chartWidth: screenWidth * 0.72,
@@ -34248,7 +34094,7 @@ var GHGDashboardComponent = function (props) {
34248
34094
  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 })));
34249
34095
  }
34250
34096
  };
34251
- return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34097
+ return (React.createElement("div", { className: "dashboard-main-container" },
34252
34098
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34253
34099
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34254
34100
  React.createElement(Link, { to: "/dashboard" },