@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/cjs/index.js CHANGED
@@ -26775,7 +26775,21 @@ var EditableCell = function (_a) {
26775
26775
  }); },
26776
26776
  },
26777
26777
  ] },
26778
- React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26778
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }))) : editing && dataIndex === "kpiUnit" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26779
+ {
26780
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26781
+ var trimValue;
26782
+ return __generator(this, function (_a) {
26783
+ trimValue = typeof value === "string" ? value.trim() : value;
26784
+ if (!trimValue) {
26785
+ throw new Error("".concat(title, " ").concat(t("ndc:isRequired")));
26786
+ }
26787
+ return [2 /*return*/];
26788
+ });
26789
+ }); },
26790
+ },
26791
+ ] },
26792
+ React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiUnitPlaceHolder") }))) : editing && dataIndex === "kpi" ? (React.createElement(antd.Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
26779
26793
  {
26780
26794
  validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
26781
26795
  var trimValue;
@@ -26882,11 +26896,13 @@ var NdcDetailsComponent = function (props) {
26882
26896
  : undefined;
26883
26897
  var isGovernmentUser = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26884
26898
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26885
- var isMainNdcActionsEditable = !selectedPeriod.finalized &&
26899
+ var isMainNdcActionsEditable = selectedPeriod &&
26900
+ !selectedPeriod.finalized &&
26886
26901
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
26887
26902
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly;
26888
26903
  var isSubNdcActionsEditable = function (record) {
26889
- return (!selectedPeriod.finalized &&
26904
+ return (selectedPeriod &&
26905
+ !selectedPeriod.finalized &&
26890
26906
  record.status !== NdcDetailsActionStatus.Approved &&
26891
26907
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26892
26908
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
@@ -26894,7 +26910,8 @@ var NdcDetailsComponent = function (props) {
26894
26910
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
26895
26911
  };
26896
26912
  var checkSubNdcActionCreatePermission = function () {
26897
- return (!selectedPeriod.finalized &&
26913
+ return (selectedPeriod &&
26914
+ !selectedPeriod.finalized &&
26898
26915
  ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
26899
26916
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) &&
26900
26917
  (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
@@ -26907,7 +26924,7 @@ var NdcDetailsComponent = function (props) {
26907
26924
  return isSubNdcActionsEditable(record);
26908
26925
  }
26909
26926
  };
26910
- var ndcMainDetailsForPeriod = selectedPeriod.key !== "add_new"
26927
+ var ndcMainDetailsForPeriod = selectedPeriod && selectedPeriod.key !== "add_new"
26911
26928
  ? ndcActionsList.filter(function (ndcDetail) {
26912
26929
  return (ndcDetail.periodId === parseInt(selectedPeriod.key) &&
26913
26930
  ndcDetail.actionType === NdcDetailsActionType.MainAction);
@@ -26923,6 +26940,7 @@ var NdcDetailsComponent = function (props) {
26923
26940
  actionType: NdcDetailsActionType.SubAction,
26924
26941
  nationalPlanObjective: "",
26925
26942
  kpi: "",
26943
+ kpiUnit: "",
26926
26944
  ministryName: loginMinistry,
26927
26945
  status: NdcDetailsActionStatus.New,
26928
26946
  parentActionId: mainActionId,
@@ -26934,6 +26952,7 @@ var NdcDetailsComponent = function (props) {
26934
26952
  form.setFieldsValue({
26935
26953
  nationalPlanObjective: "",
26936
26954
  kpi: "",
26955
+ kpiUnit: "",
26937
26956
  });
26938
26957
  }
26939
26958
  setSubNdcActionsForPeriod(subNdcDetails);
@@ -26975,6 +26994,7 @@ var NdcDetailsComponent = function (props) {
26975
26994
  return [2 /*return*/];
26976
26995
  }
26977
26996
  else if (updatedFields.kpi === row.kpi &&
26997
+ updatedFields.kpiUnit === row.kpiUnit &&
26978
26998
  updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
26979
26999
  ClearEditMode();
26980
27000
  return [2 /*return*/];
@@ -26988,13 +27008,13 @@ var NdcDetailsComponent = function (props) {
26988
27008
  else {
26989
27009
  updatedItem.status = NdcDetailsActionStatus.Pending;
26990
27010
  }
26991
- return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27011
+ return [4 /*yield*/, post("national/programme/addNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26992
27012
  case 5:
26993
27013
  _a.sent();
26994
27014
  return [3 /*break*/, 8];
26995
27015
  case 6:
26996
27016
  updatedItem.status = NdcDetailsActionStatus.Pending;
26997
- return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseInt(updatedItem.kpi.toString()) }))];
27017
+ return [4 /*yield*/, put("national/programme/updateNdcDetailsAction", __assign(__assign({}, updatedItem), { kpi: parseFloat(updatedItem.kpi.toString()) }))];
26998
27018
  case 7:
26999
27019
  _a.sent();
27000
27020
  _a.label = 8;
@@ -27019,6 +27039,7 @@ var NdcDetailsComponent = function (props) {
27019
27039
  var actionMenu = function (record) {
27020
27040
  if (record.status === NdcDetailsActionStatus.Pending &&
27021
27041
  isGovernmentUser &&
27042
+ selectedPeriod &&
27022
27043
  !selectedPeriod.finalized) {
27023
27044
  return (React.createElement(antd.List, { className: "action-menu", size: "small", dataSource: [
27024
27045
  {
@@ -27078,7 +27099,17 @@ var NdcDetailsComponent = function (props) {
27078
27099
  width: 100,
27079
27100
  editable: true,
27080
27101
  render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpi ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27081
- React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: "Enter Kpi" })))); },
27102
+ React.createElement("span", null, record.kpi))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiPlaceHolder") })))); },
27103
+ },
27104
+ {
27105
+ title: t("ndc:ndcColumnsKpiUnit"),
27106
+ dataIndex: "kpiUnit",
27107
+ key: "kpiUnit",
27108
+ align: "left",
27109
+ width: 100,
27110
+ editable: true,
27111
+ render: function (_, record) { return (React.createElement(antd.Space, { size: "middle" }, record.kpiUnit ? (React.createElement(antd.Tooltip, { title: isNdcActionEditable(record) ? "" : t("ndc:ndcUnauthorisedMsg") },
27112
+ React.createElement("span", null, record.kpiUnit))) : (React.createElement(antd.Input, { placeholder: t("ndc:kpiUnitPlaceHolder") })))); },
27082
27113
  },
27083
27114
  {
27084
27115
  title: t("ndc:ndcColumnsMinistry"),
@@ -27142,6 +27173,7 @@ var NdcDetailsComponent = function (props) {
27142
27173
  form.setFieldsValue({
27143
27174
  nationalPlanObjective: "",
27144
27175
  kpi: "",
27176
+ kpiUnit: "",
27145
27177
  });
27146
27178
  periodId = parseInt(selectedPeriod.key);
27147
27179
  newData_1 = {
@@ -27149,6 +27181,7 @@ var NdcDetailsComponent = function (props) {
27149
27181
  actionType: NdcDetailsActionType.MainAction,
27150
27182
  nationalPlanObjective: "",
27151
27183
  kpi: "",
27184
+ kpiUnit: "",
27152
27185
  ministryName: loginMinistry,
27153
27186
  periodId: periodId,
27154
27187
  status: NdcDetailsActionStatus.New,
@@ -27287,10 +27320,11 @@ var NdcDetailsComponent = function (props) {
27287
27320
  };
27288
27321
  }, footer: function () {
27289
27322
  return isGovernmentUser &&
27323
+ selectedPeriod &&
27290
27324
  !selectedPeriod.finalized && (React.createElement(antd.Row, { justify: "center" },
27291
27325
  React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
27292
27326
  } })))),
27293
- isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27327
+ isGovernmentUser && selectedPeriod && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" }, isMainActionInEditMode() ? (React.createElement(React.Fragment, null,
27294
27328
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:delete")),
27295
27329
  React.createElement(antd.Button, { className: "mg-left-1", disabled: true }, t("ndc:finalize")))) : (React.createElement(React.Fragment, null,
27296
27330
  React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", loading: loading }, t("ndc:delete")),
@@ -27638,10 +27672,12 @@ var NdcDetailsComponent = function (props) {
27638
27672
  React.createElement("div", { className: "body-title" }, t("ndc:ndcTitle")),
27639
27673
  React.createElement("div", { className: "body-sub-title" }, t("ndc:ndcSubTitle"))))),
27640
27674
  React.createElement("div", null,
27641
- React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod.key, onChange: onTabChange })),
27642
- React.createElement("div", null, selectedPeriod.key === "add_new"
27643
- ? addNewPeriodContent()
27644
- : mainNdcActionTableContent()),
27675
+ React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedPeriod ? selectedPeriod.key : "1", onChange: onTabChange })),
27676
+ React.createElement("div", null, selectedPeriod
27677
+ ? selectedPeriod.key === "add_new"
27678
+ ? addNewPeriodContent()
27679
+ : mainNdcActionTableContent()
27680
+ : ""),
27645
27681
  React.createElement(UserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onActionConfirmed, onActionCanceled: onActionCanceled, openModal: openConfirmationModal, errorMsg: "", loading: loading })));
27646
27682
  };
27647
27683
 
@@ -29400,7 +29436,7 @@ var TimelineBody = function (props) {
29400
29436
  React.createElement("div", { className: "remark-body" }, remark)))));
29401
29437
  };
29402
29438
 
29403
- 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";
29439
+ 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";
29404
29440
  styleInject(css_248z$2);
29405
29441
 
29406
29442
  var EmissionTypes = { co2: 'CO2', ch4: 'CH4', n2o: 'N2O', co2eq: 'CO2-eq' };
@@ -29854,26 +29890,14 @@ var GHGEmissionsComponent = function (props) {
29854
29890
  var _17 = React.useState(0), otherCh4 = _17[0], setOtherCh4 = _17[1];
29855
29891
  var _18 = React.useState(0), otherN2o = _18[0], setOtherN2o = _18[1];
29856
29892
  var _19 = React.useState(0), otherCo2Eq = _19[0], setOtherCo2Eq = _19[1];
29857
- var _20 = React.useState({
29858
- totalCo2WithoutLand_ch4: 0,
29859
- totalCo2WithoutLand_co2: 0,
29860
- totalCo2WithoutLand_n2o: 0,
29861
- totalCo2WithoutLand_co2eq: 0
29862
- }); _20[0]; var setTotalCo2WithoutLandEmissions = _20[1];
29863
- var _21 = React.useState({
29864
- totalCo2WithLand_ch4: 0,
29865
- totalCo2WithLand_co2: 0,
29866
- totalCo2WithLand_n2o: 0,
29867
- totalCo2WithLand_co2eq: 0
29868
- }); _21[0]; _21[1];
29869
- var _22 = React.useState(false), isSavedFormDataSet = _22[0], setIsSavedFormDataSet = _22[1];
29870
- var _23 = React.useState(1), formDataVersion = _23[0], setFormDataVersion = _23[1];
29871
- var _24 = React.useState(false), isFormChanged = _24[0], setIsFormChanged = _24[1];
29872
- var _25 = React.useState(false), openSaveFormModal = _25[0], setOpenSaveFormModal = _25[1];
29873
- var _26 = React.useState(false), openFinalizeFormModal = _26[0], setOpenFinalizeFormModal = _26[1];
29874
- var _27 = React.useState(false), openResetFormModal = _27[0], setOpenResetFormModal = _27[1];
29875
- var _28 = React.useState(''), errorMsg = _28[0], setErrorMsg = _28[1];
29876
- var _29 = React.useState({}), actionInfo = _29[0], setActionInfo = _29[1];
29893
+ var _20 = React.useState(false), isSavedFormDataSet = _20[0], setIsSavedFormDataSet = _20[1];
29894
+ var _21 = React.useState(1), formDataVersion = _21[0], setFormDataVersion = _21[1];
29895
+ var _22 = React.useState(false), isFormChanged = _22[0], setIsFormChanged = _22[1];
29896
+ var _23 = React.useState(false), openSaveFormModal = _23[0], setOpenSaveFormModal = _23[1];
29897
+ var _24 = React.useState(false), openFinalizeFormModal = _24[0], setOpenFinalizeFormModal = _24[1];
29898
+ var _25 = React.useState(false), openResetFormModal = _25[0], setOpenResetFormModal = _25[1];
29899
+ var _26 = React.useState(''), errorMsg = _26[0], setErrorMsg = _26[1];
29900
+ var _27 = React.useState({}), actionInfo = _27[0], setActionInfo = _27[1];
29877
29901
  var Panel = antd.Collapse.Panel;
29878
29902
  var form = antd.Form.useForm()[0];
29879
29903
  var createSetFieldObject = function (obj, objName) {
@@ -31028,35 +31052,19 @@ var GHGEmissionsComponent = function (props) {
31028
31052
  return 0;
31029
31053
  }
31030
31054
  };
31031
- var handleTotalCo2WithoutLandEmissions = function (field, value) {
31032
- setTotalCo2WithoutLandEmissions(function (prevState) {
31033
- var _a;
31034
- return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
31035
- });
31036
- };
31037
- // Helper function to get form field value
31038
- var getFieldValue = function (fieldName) {
31039
- var formValues = form.getFieldsValue(true);
31040
- var fieldValue = formValues[fieldName];
31041
- return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
31042
- };
31043
31055
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
31044
31056
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
31045
31057
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
31046
31058
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
31047
31059
  React.createElement(antd.Row, { gutter: 16 },
31048
31060
  React.createElement(antd.Col, { xl: 6 },
31049
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2Sum(panelHeading))) },
31050
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading)))))),
31061
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getCO2Sum(panelHeading))))),
31051
31062
  React.createElement(antd.Col, { xl: 6 },
31052
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getCH4Sum(panelHeading))) },
31053
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading)))))),
31063
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getCH4Sum(panelHeading))))),
31054
31064
  React.createElement(antd.Col, { xl: 6 },
31055
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getN2OSum(panelHeading))) },
31056
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading)))))),
31065
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getN2OSum(panelHeading))))),
31057
31066
  React.createElement(antd.Col, { xl: 6 },
31058
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getCO2EQSum(panelHeading))) },
31059
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading)))))))))); };
31067
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(getCO2EQSum(panelHeading))))))))); };
31060
31068
  var renderPanelHeaderView = function (panelHeading, tabData) {
31061
31069
  var emissionsObject = tabData[panelHeading];
31062
31070
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -31065,17 +31073,13 @@ var GHGEmissionsComponent = function (props) {
31065
31073
  React.createElement(antd.Col, { xl: 9, md: 9 },
31066
31074
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
31067
31075
  React.createElement(antd.Col, { xl: 6 },
31068
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31069
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2')))))),
31076
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))))),
31070
31077
  React.createElement(antd.Col, { xl: 6 },
31071
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31072
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4')))))),
31078
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'ch4'))))),
31073
31079
  React.createElement(antd.Col, { xl: 6 },
31074
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31075
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o')))))),
31080
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'n2o'))))),
31076
31081
  React.createElement(antd.Col, { xl: 6 },
31077
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2'))) },
31078
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq'))))))))));
31082
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(emissionsObject, 'co2eq')))))))));
31079
31083
  };
31080
31084
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31081
31085
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31083,65 +31087,61 @@ var GHGEmissionsComponent = function (props) {
31083
31087
  React.createElement(antd.Col, { xl: 9, md: 9 },
31084
31088
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31085
31089
  React.createElement(antd.Col, { xl: 6 },
31086
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2') },
31087
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31088
- {
31089
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31090
- return __generator(this, function (_a) {
31091
- if (value && value < 0) {
31092
- throw new Error();
31093
- }
31094
- return [2 /*return*/];
31095
- });
31096
- }); },
31097
- },
31098
- ] },
31099
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31090
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2', rules: [
31091
+ {
31092
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31093
+ return __generator(this, function (_a) {
31094
+ if (value && value < 0) {
31095
+ throw new Error();
31096
+ }
31097
+ return [2 /*return*/];
31098
+ });
31099
+ }); },
31100
+ },
31101
+ ] },
31102
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31100
31103
  React.createElement(antd.Col, { xl: 6 },
31101
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_ch4') },
31102
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31103
- {
31104
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31105
- return __generator(this, function (_a) {
31106
- if (value && value < 0) {
31107
- throw new Error();
31108
- }
31109
- return [2 /*return*/];
31110
- });
31111
- }); },
31112
- },
31113
- ] },
31114
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31104
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_ch4', rules: [
31105
+ {
31106
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31107
+ return __generator(this, function (_a) {
31108
+ if (value && value < 0) {
31109
+ throw new Error();
31110
+ }
31111
+ return [2 /*return*/];
31112
+ });
31113
+ }); },
31114
+ },
31115
+ ] },
31116
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCh4(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31115
31117
  React.createElement(antd.Col, { xl: 6 },
31116
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_n2o') },
31117
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31118
- {
31119
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31120
- return __generator(this, function (_a) {
31121
- if (value && value < 0) {
31122
- throw new Error();
31123
- }
31124
- return [2 /*return*/];
31125
- });
31126
- }); },
31127
- },
31128
- ] },
31129
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31118
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_n2o', rules: [
31119
+ {
31120
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31121
+ return __generator(this, function (_a) {
31122
+ if (value && value < 0) {
31123
+ throw new Error();
31124
+ }
31125
+ return [2 /*return*/];
31126
+ });
31127
+ }); },
31128
+ },
31129
+ ] },
31130
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumN2o(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31130
31131
  React.createElement(antd.Col, { xl: 6 },
31131
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_co2eq') },
31132
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31133
- {
31134
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31135
- return __generator(this, function (_a) {
31136
- if (value && value < 0) {
31137
- throw new Error();
31138
- }
31139
- return [2 /*return*/];
31140
- });
31141
- }); },
31142
- },
31143
- ] },
31144
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
31132
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_co2eq', rules: [
31133
+ {
31134
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31135
+ return __generator(this, function (_a) {
31136
+ if (value && value < 0) {
31137
+ throw new Error();
31138
+ }
31139
+ return [2 /*return*/];
31140
+ });
31141
+ }); },
31142
+ },
31143
+ ] },
31144
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumCo2Eq(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
31145
31145
  var renderPanelContentView = function (co2, ch4, n2o, co2eq, item, index) {
31146
31146
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
31147
31147
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -31149,21 +31149,13 @@ var GHGEmissionsComponent = function (props) {
31149
31149
  React.createElement(antd.Col, { xl: 9, md: 9 },
31150
31150
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
31151
31151
  React.createElement(antd.Col, { xl: 6 },
31152
- React.createElement(antd.Tooltip, { title: co2 ? addCommSep(Number(co2)) : co2 },
31153
- React.createElement("div", null,
31154
- React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })))),
31152
+ React.createElement(antd.InputNumber, { value: co2 ? addCommSep(Number(co2)) : co2, disabled: true })),
31155
31153
  React.createElement(antd.Col, { xl: 6 },
31156
- React.createElement(antd.Tooltip, { title: ch4 ? addCommSep(Number(ch4)) : ch4 },
31157
- React.createElement("div", null,
31158
- React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })))),
31154
+ React.createElement(antd.InputNumber, { value: ch4 ? addCommSep(Number(ch4)) : ch4, disabled: true })),
31159
31155
  React.createElement(antd.Col, { xl: 6 },
31160
- React.createElement(antd.Tooltip, { title: n2o ? addCommSep(Number(n2o)) : n2o },
31161
- React.createElement("div", null,
31162
- React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })))),
31156
+ React.createElement(antd.InputNumber, { value: n2o ? addCommSep(Number(n2o)) : n2o, disabled: true })),
31163
31157
  React.createElement(antd.Col, { xl: 6 },
31164
- React.createElement(antd.Tooltip, { title: co2eq ? addCommSep(Number(co2eq)) : co2eq },
31165
- React.createElement("div", null,
31166
- React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))))));
31158
+ React.createElement(antd.InputNumber, { value: co2eq ? addCommSep(Number(co2eq)) : co2eq, disabled: true }))))));
31167
31159
  };
31168
31160
  var objectToCSV = function (dataToDownload) {
31169
31161
  var flattenObject = function (obj, prefix) {
@@ -31234,17 +31226,6 @@ var GHGEmissionsComponent = function (props) {
31234
31226
  }
31235
31227
  return false;
31236
31228
  };
31237
- var displayEmptyView = function () {
31238
- if (!data || data.length === 0) {
31239
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
31240
- return true;
31241
- }
31242
- else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
31243
- return true;
31244
- }
31245
- }
31246
- return false;
31247
- };
31248
31229
  var canViewForm = function () {
31249
31230
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
31250
31231
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -31262,9 +31243,7 @@ var GHGEmissionsComponent = function (props) {
31262
31243
  React.createElement("div", { className: "title-bar" },
31263
31244
  React.createElement("div", { className: "body-title" }, t("ghgInventory:emissions")),
31264
31245
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
31265
- (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
31266
- React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noEmissions")) }))),
31267
- (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-emission" },
31246
+ React.createElement("div", { className: "content-card add-emission" },
31268
31247
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
31269
31248
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
31270
31249
  React.createElement("div", null,
@@ -31369,17 +31348,13 @@ var GHGEmissionsComponent = function (props) {
31369
31348
  React.createElement(antd.Col, { xl: 9, md: 9 },
31370
31349
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
31371
31350
  React.createElement(antd.Col, { xl: 6 },
31372
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2)) },
31373
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2))))),
31351
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalCo2)))),
31374
31352
  React.createElement(antd.Col, { xl: 6 },
31375
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCh4)) },
31376
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4))))),
31353
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalCh4)))),
31377
31354
  React.createElement(antd.Col, { xl: 6 },
31378
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalN2o)) },
31379
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o))))),
31355
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalN2o)))),
31380
31356
  React.createElement(antd.Col, { xl: 6 },
31381
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalCo2Eq)) },
31382
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq)))))))),
31357
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(totalNationalCo2Eq))))))),
31383
31358
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31384
31359
  var isActive = _a.isActive;
31385
31360
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31404,130 +31379,122 @@ var GHGEmissionsComponent = function (props) {
31404
31379
  React.createElement(antd.Col, { xl: 9, md: 9 },
31405
31380
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31406
31381
  React.createElement(antd.Col, { xl: 6 },
31407
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2') },
31408
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31409
- {
31410
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31411
- return __generator(this, function (_a) {
31412
- if (value && value < 0) {
31413
- throw new Error();
31414
- }
31415
- return [2 /*return*/];
31416
- });
31417
- }); },
31418
- },
31419
- ] },
31420
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31382
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2", rules: [
31383
+ {
31384
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31385
+ return __generator(this, function (_a) {
31386
+ if (value && value < 0) {
31387
+ throw new Error();
31388
+ }
31389
+ return [2 /*return*/];
31390
+ });
31391
+ }); },
31392
+ },
31393
+ ] },
31394
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31421
31395
  React.createElement(antd.Col, { xl: 6 },
31422
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_ch4') },
31423
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31424
- {
31425
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31426
- return __generator(this, function (_a) {
31427
- if (value && value < 0) {
31428
- throw new Error();
31429
- }
31430
- return [2 /*return*/];
31431
- });
31432
- }); },
31433
- },
31434
- ] },
31435
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31396
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_ch4", rules: [
31397
+ {
31398
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31399
+ return __generator(this, function (_a) {
31400
+ if (value && value < 0) {
31401
+ throw new Error();
31402
+ }
31403
+ return [2 /*return*/];
31404
+ });
31405
+ }); },
31406
+ },
31407
+ ] },
31408
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31436
31409
  React.createElement(antd.Col, { xl: 6 },
31437
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_n2o') },
31438
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31439
- {
31440
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31441
- return __generator(this, function (_a) {
31442
- if (value && value < 0) {
31443
- throw new Error();
31444
- }
31445
- return [2 /*return*/];
31446
- });
31447
- }); },
31448
- },
31449
- ] },
31450
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31410
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_n2o", rules: [
31411
+ {
31412
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31413
+ return __generator(this, function (_a) {
31414
+ if (value && value < 0) {
31415
+ throw new Error();
31416
+ }
31417
+ return [2 /*return*/];
31418
+ });
31419
+ }); },
31420
+ },
31421
+ ] },
31422
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31451
31423
  React.createElement(antd.Col, { xl: 6 },
31452
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_co2eq') },
31453
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31454
- {
31455
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31456
- return __generator(this, function (_a) {
31457
- if (value && value < 0) {
31458
- throw new Error();
31459
- }
31460
- return [2 /*return*/];
31461
- });
31462
- }); },
31463
- },
31464
- ] },
31465
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31424
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_co2eq", rules: [
31425
+ {
31426
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31427
+ return __generator(this, function (_a) {
31428
+ if (value && value < 0) {
31429
+ throw new Error();
31430
+ }
31431
+ return [2 /*return*/];
31432
+ });
31433
+ }); },
31434
+ },
31435
+ ] },
31436
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
31466
31437
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31467
31438
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31468
31439
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31469
31440
  React.createElement(antd.Col, { xl: 9, md: 9 },
31470
31441
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31471
31442
  React.createElement(antd.Col, { xl: 6 },
31472
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2') },
31473
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
31474
- {
31475
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31476
- return __generator(this, function (_a) {
31477
- if (value && value < 0) {
31478
- throw new Error();
31479
- }
31480
- return [2 /*return*/];
31481
- });
31482
- }); },
31483
- },
31484
- ] },
31485
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31443
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2", rules: [
31444
+ {
31445
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31446
+ return __generator(this, function (_a) {
31447
+ if (value && value < 0) {
31448
+ throw new Error();
31449
+ }
31450
+ return [2 /*return*/];
31451
+ });
31452
+ }); },
31453
+ },
31454
+ ] },
31455
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31486
31456
  React.createElement(antd.Col, { xl: 6 },
31487
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_ch4') },
31488
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31489
- {
31490
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31491
- return __generator(this, function (_a) {
31492
- if (value && value < 0) {
31493
- throw new Error();
31494
- }
31495
- return [2 /*return*/];
31496
- });
31497
- }); },
31498
- },
31499
- ] },
31500
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_ch4', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31457
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_ch4", rules: [
31458
+ {
31459
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31460
+ return __generator(this, function (_a) {
31461
+ if (value && value < 0) {
31462
+ throw new Error();
31463
+ }
31464
+ return [2 /*return*/];
31465
+ });
31466
+ }); },
31467
+ },
31468
+ ] },
31469
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31501
31470
  React.createElement(antd.Col, { xl: 6 },
31502
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_n2o') },
31503
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31504
- {
31505
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31506
- return __generator(this, function (_a) {
31507
- if (value && value < 0) {
31508
- throw new Error();
31509
- }
31510
- return [2 /*return*/];
31511
- });
31512
- }); },
31513
- },
31514
- ] },
31515
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_n2o', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
31471
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_n2o", rules: [
31472
+ {
31473
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31474
+ return __generator(this, function (_a) {
31475
+ if (value && value < 0) {
31476
+ throw new Error();
31477
+ }
31478
+ return [2 /*return*/];
31479
+ });
31480
+ }); },
31481
+ },
31482
+ ] },
31483
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
31516
31484
  React.createElement(antd.Col, { xl: 6 },
31517
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_co2eq') },
31518
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31519
- {
31520
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31521
- return __generator(this, function (_a) {
31522
- if (value && value < 0) {
31523
- throw new Error();
31524
- }
31525
- return [2 /*return*/];
31526
- });
31527
- }); },
31528
- },
31529
- ] },
31530
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_co2eq', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
31485
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_co2eq", rules: [
31486
+ {
31487
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
31488
+ return __generator(this, function (_a) {
31489
+ if (value && value < 0) {
31490
+ throw new Error();
31491
+ }
31492
+ return [2 /*return*/];
31493
+ });
31494
+ }); },
31495
+ },
31496
+ ] },
31497
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
31531
31498
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
31532
31499
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
31533
31500
  (React.createElement("div", { className: "steps-actions" },
@@ -31536,7 +31503,7 @@ var GHGEmissionsComponent = function (props) {
31536
31503
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
31537
31504
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
31538
31505
  data.map(function (tabData) {
31539
- 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;
31506
+ 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;
31540
31507
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
31541
31508
  tabData.year,
31542
31509
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -31576,17 +31543,13 @@ var GHGEmissionsComponent = function (props) {
31576
31543
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
31577
31544
  React.createElement(antd.Row, { gutter: 16 },
31578
31545
  React.createElement(antd.Col, { xl: 6 },
31579
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))) },
31580
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2')))))),
31546
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2'))))),
31581
31547
  React.createElement(antd.Col, { xl: 6 },
31582
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))) },
31583
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4')))))),
31548
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'ch4'))))),
31584
31549
  React.createElement(antd.Col, { xl: 6 },
31585
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))) },
31586
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o')))))),
31550
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'n2o'))))),
31587
31551
  React.createElement(antd.Col, { xl: 6 },
31588
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))) },
31589
- React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq'))))))))),
31552
+ React.createElement("div", { className: "co2eq-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'co2eq')))))))),
31590
31553
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
31591
31554
  var isActive = _a.isActive;
31592
31555
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -31641,81 +31604,49 @@ var GHGEmissionsComponent = function (props) {
31641
31604
  React.createElement(antd.Col, { xl: 9, md: 9 },
31642
31605
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31643
31606
  React.createElement(antd.Col, { xl: 6 },
31644
- React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31607
+ React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.co2)
31645
31608
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.co2))
31646
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2 },
31647
- React.createElement("div", null,
31648
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.co2)
31649
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.co2))
31650
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.co2, disabled: true })))),
31609
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.co2, disabled: true })),
31651
31610
  React.createElement(antd.Col, { xl: 6 },
31652
- React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.ch4)
31653
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.ch4))
31654
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.ch4 },
31655
- React.createElement("div", null,
31656
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.ch4)
31657
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.ch4))
31658
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.ch4, disabled: true })))),
31611
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.ch4)
31612
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.ch4))
31613
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.ch4, disabled: true })),
31659
31614
  React.createElement(antd.Col, { xl: 6 },
31660
- React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.n2o)
31661
- ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.n2o))
31662
- : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.n2o },
31663
- React.createElement("div", null,
31664
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.n2o)
31665
- ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.n2o))
31666
- : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.n2o, disabled: true })))),
31615
+ React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.n2o)
31616
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.n2o))
31617
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.n2o, disabled: true })),
31667
31618
  React.createElement(antd.Col, { xl: 6 },
31668
- React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithoutLand) === null || _u === void 0 ? void 0 : _u.co2eq)
31669
- ? addCommSep(Number((_v = tabData.totalCo2WithoutLand) === null || _v === void 0 ? void 0 : _v.co2eq))
31670
- : (_w = tabData.totalCo2WithoutLand) === null || _w === void 0 ? void 0 : _w.co2eq },
31671
- React.createElement("div", null,
31672
- React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithoutLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31673
- ? addCommSep(Number((_y = tabData.totalCo2WithoutLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31674
- : (_z = tabData.totalCo2WithoutLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))),
31619
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.co2eq)
31620
+ ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.co2eq))
31621
+ : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.co2eq, disabled: true })))))),
31675
31622
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
31676
31623
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
31677
31624
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
31678
31625
  React.createElement(antd.Col, { xl: 9, md: 9 },
31679
31626
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
31680
31627
  React.createElement(antd.Col, { xl: 6 },
31681
- React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.co2)
31682
- ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.co2))
31683
- : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.co2 },
31684
- React.createElement("div", null,
31685
- React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.co2)
31686
- ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.co2))
31687
- : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.co2, disabled: true })))),
31628
+ React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.co2)
31629
+ ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.co2))
31630
+ : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.co2, disabled: true })),
31688
31631
  React.createElement(antd.Col, { xl: 6 },
31689
- React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.ch4)
31690
- ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.ch4))
31691
- : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.ch4 },
31692
- React.createElement("div", null,
31693
- React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.ch4)
31694
- ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.ch4))
31695
- : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.ch4, disabled: true })))),
31632
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.ch4)
31633
+ ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.ch4))
31634
+ : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.ch4, disabled: true })),
31696
31635
  React.createElement(antd.Col, { xl: 6 },
31697
- React.createElement(antd.Tooltip, { title: ((_12 = tabData.totalCo2WithLand) === null || _12 === void 0 ? void 0 : _12.n2o)
31698
- ? addCommSep(Number((_13 = tabData.totalCo2WithLand) === null || _13 === void 0 ? void 0 : _13.n2o))
31699
- : (_14 = tabData.totalCo2WithLand) === null || _14 === void 0 ? void 0 : _14.n2o },
31700
- React.createElement("div", null,
31701
- React.createElement(antd.InputNumber, { value: ((_15 = tabData.totalCo2WithLand) === null || _15 === void 0 ? void 0 : _15.n2o)
31702
- ? addCommSep(Number((_16 = tabData.totalCo2WithLand) === null || _16 === void 0 ? void 0 : _16.n2o))
31703
- : (_17 = tabData.totalCo2WithLand) === null || _17 === void 0 ? void 0 : _17.n2o, disabled: true })))),
31636
+ React.createElement(antd.InputNumber, { value: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.n2o)
31637
+ ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.n2o))
31638
+ : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.n2o, disabled: true })),
31704
31639
  React.createElement(antd.Col, { xl: 6 },
31705
- React.createElement(antd.Tooltip, { title: ((_18 = tabData.totalCo2WithLand) === null || _18 === void 0 ? void 0 : _18.co2eq)
31706
- ? addCommSep(Number((_19 = tabData.totalCo2WithLand) === null || _19 === void 0 ? void 0 : _19.co2eq))
31707
- : (_20 = tabData.totalCo2WithLand) === null || _20 === void 0 ? void 0 : _20.co2eq },
31708
- React.createElement("div", null,
31709
- React.createElement(antd.InputNumber, { value: ((_21 = tabData.totalCo2WithLand) === null || _21 === void 0 ? void 0 : _21.co2eq)
31710
- ? addCommSep(Number((_22 = tabData.totalCo2WithLand) === null || _22 === void 0 ? void 0 : _22.co2eq))
31711
- : (_23 = tabData.totalCo2WithLand) === null || _23 === void 0 ? void 0 : _23.co2eq, disabled: true })))))))))));
31712
- }))))),
31640
+ React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.co2eq)
31641
+ ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.co2eq))
31642
+ : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.co2eq, disabled: true })))))))));
31643
+ })))),
31713
31644
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
31714
31645
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
31715
31646
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
31716
31647
  };
31717
31648
 
31718
- 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";
31649
+ 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";
31719
31650
  styleInject(css_248z$1);
31720
31651
 
31721
31652
  var ProjectionTypes = {
@@ -31762,24 +31693,14 @@ var GHGProjectionsComponent = function (props) {
31762
31693
  var _8 = React.useState(0), otherBau = _8[0], setOtherBau = _8[1];
31763
31694
  var _9 = React.useState(0), otherConditionalNdc = _9[0], setOtherConditionalNdc = _9[1];
31764
31695
  var _10 = React.useState(0), otherUnconditionalNdc = _10[0], setOtherUnconditionalNdc = _10[1];
31765
- var _11 = React.useState({
31766
- totalCo2WithoutLand_bau: 0,
31767
- totalCo2WithoutLand_conditionalNdc: 0,
31768
- totalCo2WithoutLand_unconditionalNdc: 0
31769
- }); _11[0]; var setTotalCo2WithoutLandEmissions = _11[1];
31770
- var _12 = React.useState({
31771
- totalCo2WithLand_bau: 0,
31772
- totalCo2WithLand_conditionalNdc: 0,
31773
- totalCo2WithLand_unconditionalNdc: 0
31774
- }); _12[0]; _12[1];
31775
- var _13 = React.useState(false), isSavedFormDataSet = _13[0], setIsSavedFormDataSet = _13[1];
31776
- var _14 = React.useState(1), formDataVersion = _14[0], setFormDataVersion = _14[1];
31777
- var _15 = React.useState(false), isFormChanged = _15[0], setIsFormChanged = _15[1];
31778
- var _16 = React.useState(false), openSaveFormModal = _16[0], setOpenSaveFormModal = _16[1];
31779
- var _17 = React.useState(false), openFinalizeFormModal = _17[0], setOpenFinalizeFormModal = _17[1];
31780
- var _18 = React.useState(false), openResetFormModal = _18[0], setOpenResetFormModal = _18[1];
31781
- var _19 = React.useState(''), errorMsg = _19[0], setErrorMsg = _19[1];
31782
- var _20 = React.useState({}), actionInfo = _20[0], setActionInfo = _20[1];
31696
+ var _11 = React.useState(false), isSavedFormDataSet = _11[0], setIsSavedFormDataSet = _11[1];
31697
+ var _12 = React.useState(1), formDataVersion = _12[0], setFormDataVersion = _12[1];
31698
+ var _13 = React.useState(false), isFormChanged = _13[0], setIsFormChanged = _13[1];
31699
+ var _14 = React.useState(false), openSaveFormModal = _14[0], setOpenSaveFormModal = _14[1];
31700
+ var _15 = React.useState(false), openFinalizeFormModal = _15[0], setOpenFinalizeFormModal = _15[1];
31701
+ var _16 = React.useState(false), openResetFormModal = _16[0], setOpenResetFormModal = _16[1];
31702
+ var _17 = React.useState(''), errorMsg = _17[0], setErrorMsg = _17[1];
31703
+ var _18 = React.useState({}), actionInfo = _18[0], setActionInfo = _18[1];
31783
31704
  var Panel = antd.Collapse.Panel;
31784
31705
  var form = antd.Form.useForm()[0];
31785
31706
  var createSetFieldObject = function (obj, objName) {
@@ -32803,32 +32724,17 @@ var GHGProjectionsComponent = function (props) {
32803
32724
  }
32804
32725
  return 0;
32805
32726
  };
32806
- var handleTotalCo2WithoutLandEmissions = function (field, value) {
32807
- setTotalCo2WithoutLandEmissions(function (prevState) {
32808
- var _a;
32809
- return (__assign(__assign({}, prevState), (_a = {}, _a[field] = value, _a)));
32810
- });
32811
- };
32812
- // Helper function to get form field value
32813
- var getFieldValue = function (fieldName) {
32814
- var formValues = form.getFieldsValue(true);
32815
- var fieldValue = formValues[fieldName];
32816
- return (fieldValue && fieldValue >= 0) ? addCommSep(Number(fieldValue)) : fieldValue;
32817
- };
32818
32727
  var renderPanelHeader = function (panelHeading) { return (React.createElement(antd.Row, { gutter: 16 },
32819
32728
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-header-col" },
32820
32729
  React.createElement("span", null, t("ghgInventory:".concat(panelHeading)))),
32821
32730
  React.createElement(antd.Col, { xl: 9, md: 9, className: "panel-header-emission-value-col" },
32822
32731
  React.createElement(antd.Row, { gutter: 16 },
32823
32732
  React.createElement(antd.Col, { xl: 7 },
32824
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getBauSum(panelHeading))) },
32825
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading)))))),
32733
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(getBauSum(panelHeading))))),
32826
32734
  React.createElement(antd.Col, { xl: 7 },
32827
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getConditionalNdcSum(panelHeading))) },
32828
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading)))))),
32735
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(getConditionalNdcSum(panelHeading))))),
32829
32736
  React.createElement(antd.Col, { xl: 7 },
32830
- React.createElement(antd.Tooltip, { title: addCommSep(Number(getUnconditionalNdcSum(panelHeading))) },
32831
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading)))))))))); };
32737
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(getUnconditionalNdcSum(panelHeading))))))))); };
32832
32738
  var renderPanelHeaderView = function (panelHeading, tabData) {
32833
32739
  var projectionObject = tabData[panelHeading];
32834
32740
  return (React.createElement(antd.Row, { gutter: 16 },
@@ -32837,14 +32743,11 @@ var GHGProjectionsComponent = function (props) {
32837
32743
  React.createElement(antd.Col, { xl: 9, md: 9 },
32838
32744
  React.createElement(antd.Row, { gutter: 16, className: "panel-header-emission-value-col" },
32839
32745
  React.createElement(antd.Col, { xl: 7 },
32840
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))) },
32841
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau')))))),
32746
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'bau'))))),
32842
32747
  React.createElement(antd.Col, { xl: 7 },
32843
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))) },
32844
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc')))))),
32748
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'conditionalNdc'))))),
32845
32749
  React.createElement(antd.Col, { xl: 7 },
32846
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))) },
32847
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc'))))))))));
32750
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(projectionObject, 'unconditionalNdc')))))))));
32848
32751
  };
32849
32752
  var renderPanelContent = function (panelHeading, item, index) { return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
32850
32753
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32852,50 +32755,47 @@ var GHGProjectionsComponent = function (props) {
32852
32755
  React.createElement(antd.Col, { xl: 9, md: 9 },
32853
32756
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
32854
32757
  React.createElement(antd.Col, { xl: 7 },
32855
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_bau') },
32856
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32857
- {
32858
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32859
- return __generator(this, function (_a) {
32860
- if (value && value < 0) {
32861
- throw new Error();
32862
- }
32863
- return [2 /*return*/];
32864
- });
32865
- }); },
32866
- },
32867
- ] },
32868
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32758
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_bau', rules: [
32759
+ {
32760
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32761
+ return __generator(this, function (_a) {
32762
+ if (value && value < 0) {
32763
+ throw new Error();
32764
+ }
32765
+ return [2 /*return*/];
32766
+ });
32767
+ }); },
32768
+ },
32769
+ ] },
32770
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumBau(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32869
32771
  React.createElement(antd.Col, { xl: 7 },
32870
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_conditionalNdc') },
32871
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32872
- {
32873
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32874
- return __generator(this, function (_a) {
32875
- if (value && value < 0) {
32876
- throw new Error();
32877
- }
32878
- return [2 /*return*/];
32879
- });
32880
- }); },
32881
- },
32882
- ] },
32883
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
32772
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_conditionalNdc', rules: [
32773
+ {
32774
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32775
+ return __generator(this, function (_a) {
32776
+ if (value && value < 0) {
32777
+ throw new Error();
32778
+ }
32779
+ return [2 /*return*/];
32780
+ });
32781
+ }); },
32782
+ },
32783
+ ] },
32784
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumConditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
32884
32785
  React.createElement(antd.Col, { xl: 7 },
32885
- React.createElement(antd.Tooltip, { title: getFieldValue(panelHeading + '_' + item + '_unconditionalNdc') },
32886
- React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32887
- {
32888
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32889
- return __generator(this, function (_a) {
32890
- if (value && value < 0) {
32891
- throw new Error();
32892
- }
32893
- return [2 /*return*/];
32894
- });
32895
- }); },
32896
- },
32897
- ] },
32898
- React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))))); };
32786
+ React.createElement(antd.Form.Item, { name: panelHeading + '_' + item + '_unconditionalNdc', rules: [
32787
+ {
32788
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
32789
+ return __generator(this, function (_a) {
32790
+ if (value && value < 0) {
32791
+ throw new Error();
32792
+ }
32793
+ return [2 /*return*/];
32794
+ });
32795
+ }); },
32796
+ },
32797
+ ] },
32798
+ React.createElement(antd.InputNumber, { onChange: function (event) { return calculateSumUnconditionalNdc(event, panelHeading); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))); };
32899
32799
  var renderPanelContentView = function (bau, conditionalNdc, unconditionalNdc, item, index) {
32900
32800
  return (React.createElement(antd.Row, { gutter: 16, key: index, className: "panel-content-row" },
32901
32801
  React.createElement(antd.Col, { xl: 12, md: 12, className: "panel-content-title" },
@@ -32903,17 +32803,11 @@ var GHGProjectionsComponent = function (props) {
32903
32803
  React.createElement(antd.Col, { xl: 9, md: 9 },
32904
32804
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
32905
32805
  React.createElement(antd.Col, { xl: 7 },
32906
- React.createElement(antd.Tooltip, { title: bau ? addCommSep(Number(bau)) : bau },
32907
- React.createElement("div", null,
32908
- React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })))),
32806
+ React.createElement(antd.InputNumber, { value: bau ? addCommSep(Number(bau)) : bau, disabled: true })),
32909
32807
  React.createElement(antd.Col, { xl: 7 },
32910
- React.createElement(antd.Tooltip, { title: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc },
32911
- React.createElement("div", null,
32912
- React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })))),
32808
+ React.createElement(antd.InputNumber, { value: conditionalNdc ? addCommSep(Number(conditionalNdc)) : conditionalNdc, disabled: true })),
32913
32809
  React.createElement(antd.Col, { xl: 7 },
32914
- React.createElement(antd.Tooltip, { title: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc },
32915
- React.createElement("div", null,
32916
- React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))))));
32810
+ React.createElement(antd.InputNumber, { value: unconditionalNdc ? addCommSep(Number(unconditionalNdc)) : unconditionalNdc, disabled: true }))))));
32917
32811
  };
32918
32812
  var objectToCSV = function (dataToDownload) {
32919
32813
  var flattenObject = function (obj, prefix) {
@@ -32982,17 +32876,6 @@ var GHGProjectionsComponent = function (props) {
32982
32876
  }
32983
32877
  return false;
32984
32878
  };
32985
- var displayEmptyView = function () {
32986
- if (!data || data.length === 0) {
32987
- if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.GOVERNMENT && (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) !== exports.CompanyRole.MINISTRY) {
32988
- return true;
32989
- }
32990
- else if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly) {
32991
- return true;
32992
- }
32993
- }
32994
- return false;
32995
- };
32996
32879
  var canViewForm = function () {
32997
32880
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY) {
32998
32881
  if ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly && data.some(function (item) { return item.state === 'SAVED'; })) {
@@ -33010,9 +32893,7 @@ var GHGProjectionsComponent = function (props) {
33010
32893
  React.createElement("div", { className: "title-bar" },
33011
32894
  React.createElement("div", { className: "body-title" }, t("ghgInventory:projections")),
33012
32895
  React.createElement("div", { className: "body-sub-title" }, t("ghgInventory:totalNationalEmissionSubTitle")))),
33013
- (displayEmptyView()) && (React.createElement("div", { className: "content-card empty-emission-container" },
33014
- React.createElement(antd.Empty, { image: antd.Empty.PRESENTED_IMAGE_SIMPLE, description: React.createElement("span", null, t("ghgInventory:noProjections")) }))),
33015
- (!displayEmptyView()) && (React.createElement("div", { className: "content-card add-projection" },
32896
+ React.createElement("div", { className: "content-card add-projection" },
33016
32897
  React.createElement(antd.Tabs, { defaultActiveKey: "Add New", centered: true },
33017
32898
  (canViewForm()) && (React.createElement(antd.Tabs.TabPane, { key: "Add New", tab: t("ghgInventory:addNew") },
33018
32899
  React.createElement("div", null,
@@ -33105,14 +32986,11 @@ var GHGProjectionsComponent = function (props) {
33105
32986
  React.createElement(antd.Col, { xl: 9, md: 9 },
33106
32987
  React.createElement(antd.Row, { gutter: 16, className: "total-emission-value-col" },
33107
32988
  React.createElement(antd.Col, { xl: 7 },
33108
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalBau)) },
33109
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau))))),
32989
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(totalNationalBau)))),
33110
32990
  React.createElement(antd.Col, { xl: 7 },
33111
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalConditionalNdc)) },
33112
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc))))),
32991
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(totalNationalConditionalNdc)))),
33113
32992
  React.createElement(antd.Col, { xl: 7 },
33114
- React.createElement(antd.Tooltip, { title: addCommSep(Number(totalNationalUnconditionalNdc)) },
33115
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc)))))))),
32993
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(totalNationalUnconditionalNdc))))))),
33116
32994
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33117
32995
  var isActive = _a.isActive;
33118
32996
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33139,100 +33017,94 @@ var GHGProjectionsComponent = function (props) {
33139
33017
  React.createElement(antd.Col, { xl: 9, md: 9 },
33140
33018
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33141
33019
  React.createElement(antd.Col, { xl: 7 },
33142
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_bau') },
33143
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33144
- {
33145
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33146
- return __generator(this, function (_a) {
33147
- if (value && value < 0) {
33148
- throw new Error();
33149
- }
33150
- return [2 /*return*/];
33151
- });
33152
- }); },
33153
- },
33154
- ] },
33155
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33020
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_bau", rules: [
33021
+ {
33022
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33023
+ return __generator(this, function (_a) {
33024
+ if (value && value < 0) {
33025
+ throw new Error();
33026
+ }
33027
+ return [2 /*return*/];
33028
+ });
33029
+ }); },
33030
+ },
33031
+ ] },
33032
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33156
33033
  React.createElement(antd.Col, { xl: 7 },
33157
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_conditionalNdc') },
33158
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33159
- {
33160
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33161
- return __generator(this, function (_a) {
33162
- if (value && value < 0) {
33163
- throw new Error();
33164
- }
33165
- return [2 /*return*/];
33166
- });
33167
- }); },
33168
- },
33169
- ] },
33170
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33034
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_conditionalNdc", rules: [
33035
+ {
33036
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33037
+ return __generator(this, function (_a) {
33038
+ if (value && value < 0) {
33039
+ throw new Error();
33040
+ }
33041
+ return [2 /*return*/];
33042
+ });
33043
+ }); },
33044
+ },
33045
+ ] },
33046
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33171
33047
  React.createElement(antd.Col, { xl: 7 },
33172
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithoutLand_unconditionalNdc') },
33173
- React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33174
- {
33175
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33176
- return __generator(this, function (_a) {
33177
- if (value && value < 0) {
33178
- throw new Error();
33179
- }
33180
- return [2 /*return*/];
33181
- });
33182
- }); },
33183
- },
33184
- ] },
33185
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithoutLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33048
+ React.createElement(antd.Form.Item, { name: "totalCo2WithoutLand_unconditionalNdc", rules: [
33049
+ {
33050
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33051
+ return __generator(this, function (_a) {
33052
+ if (value && value < 0) {
33053
+ throw new Error();
33054
+ }
33055
+ return [2 /*return*/];
33056
+ });
33057
+ }); },
33058
+ },
33059
+ ] },
33060
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
33186
33061
  React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row" },
33187
33062
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33188
33063
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33189
33064
  React.createElement(antd.Col, { xl: 9, md: 9 },
33190
33065
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33191
33066
  React.createElement(antd.Col, { xl: 7 },
33192
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_bau') },
33193
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33194
- {
33195
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33196
- return __generator(this, function (_a) {
33197
- if (value && value < 0) {
33198
- throw new Error();
33199
- }
33200
- return [2 /*return*/];
33201
- });
33202
- }); },
33203
- },
33204
- ] },
33205
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_bau', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33067
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_bau", rules: [
33068
+ {
33069
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33070
+ return __generator(this, function (_a) {
33071
+ if (value && value < 0) {
33072
+ throw new Error();
33073
+ }
33074
+ return [2 /*return*/];
33075
+ });
33076
+ }); },
33077
+ },
33078
+ ] },
33079
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33206
33080
  React.createElement(antd.Col, { xl: 7 },
33207
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_conditionalNdc') },
33208
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33209
- {
33210
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33211
- return __generator(this, function (_a) {
33212
- if (value && value < 0) {
33213
- throw new Error();
33214
- }
33215
- return [2 /*return*/];
33216
- });
33217
- }); },
33218
- },
33219
- ] },
33220
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_conditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))),
33081
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_conditionalNdc", rules: [
33082
+ {
33083
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33084
+ return __generator(this, function (_a) {
33085
+ if (value && value < 0) {
33086
+ throw new Error();
33087
+ }
33088
+ return [2 /*return*/];
33089
+ });
33090
+ }); },
33091
+ },
33092
+ ] },
33093
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))),
33221
33094
  React.createElement(antd.Col, { xl: 7 },
33222
- React.createElement(antd.Tooltip, { title: getFieldValue('totalCo2WithLand_unconditionalNdc') },
33223
- React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33224
- {
33225
- validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33226
- return __generator(this, function (_a) {
33227
- if (value && value < 0) {
33228
- throw new Error();
33229
- }
33230
- return [2 /*return*/];
33231
- });
33232
- }); },
33233
- },
33234
- ] },
33235
- React.createElement(antd.InputNumber, { onChange: function (value) { return handleTotalCo2WithoutLandEmissions('totalCo2WithLand_unconditionalNdc', value); }, disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly }))))))),
33095
+ React.createElement(antd.Form.Item, { name: "totalCo2WithLand_unconditionalNdc", rules: [
33096
+ {
33097
+ validator: function (rule, value) { return __awaiter(void 0, void 0, void 0, function () {
33098
+ return __generator(this, function (_a) {
33099
+ if (value && value < 0) {
33100
+ throw new Error();
33101
+ }
33102
+ return [2 /*return*/];
33103
+ });
33104
+ }); },
33105
+ },
33106
+ ] },
33107
+ React.createElement(antd.InputNumber, { disabled: (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) === exports.Role.ViewOnly })))))),
33236
33108
  (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT || (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY)
33237
33109
  && ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly)) &&
33238
33110
  (React.createElement("div", { className: "steps-actions" },
@@ -33241,7 +33113,7 @@ var GHGProjectionsComponent = function (props) {
33241
33113
  React.createElement(antd.Button, { className: "submit-btn", type: "primary", onClick: onOpenSaveFormModel, loading: loading }, "Submit"),
33242
33114
  React.createElement(antd.Button, { className: "back-btn", onClick: onOpenResetFormModel, loading: loading }, "Cancel"))))))),
33243
33115
  data.map(function (tabData) {
33244
- 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;
33116
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
33245
33117
  return tabData.state === 'FINALIZED' && (React.createElement(antd.Tabs.TabPane, { className: 'view-data-panel', key: tabData.id.toString(), tab: React.createElement("span", null,
33246
33118
  tabData.year,
33247
33119
  tabData.state === 'FINALIZED' && React.createElement(icons.LockFilled, { style: { marginLeft: 5 } })) },
@@ -33274,14 +33146,11 @@ var GHGProjectionsComponent = function (props) {
33274
33146
  React.createElement(antd.Col, { xl: 9, md: 9, className: "total-emission-value-col" },
33275
33147
  React.createElement(antd.Row, { gutter: 16 },
33276
33148
  React.createElement(antd.Col, { xl: 7 },
33277
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))) },
33278
- React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau')))))),
33149
+ React.createElement("div", { className: "co2-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'bau'))))),
33279
33150
  React.createElement(antd.Col, { xl: 7 },
33280
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))) },
33281
- React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc')))))),
33151
+ React.createElement("div", { className: "ch4-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'conditionalNdc'))))),
33282
33152
  React.createElement(antd.Col, { xl: 7 },
33283
- React.createElement(antd.Tooltip, { title: addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))) },
33284
- React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc'))))))))),
33153
+ React.createElement("div", { className: "n2o-total-pill" }, addCommSep(Number(calculateSumEmissionView(tabData, 'unconditionalNdc')))))))),
33285
33154
  React.createElement(antd.Collapse, { ghost: true, expandIcon: function (_a) {
33286
33155
  var isActive = _a.isActive;
33287
33156
  return isActive ? React.createElement(icons.MinusCircleOutlined, null) : React.createElement(icons.PlusCircleOutlined, null);
@@ -33334,65 +33203,41 @@ var GHGProjectionsComponent = function (props) {
33334
33203
  React.createElement(antd.Col, { xl: 9, md: 9 },
33335
33204
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row total-co2-land-input-box-row" },
33336
33205
  React.createElement(antd.Col, { xl: 7 },
33337
- React.createElement(antd.Tooltip, { title: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33206
+ React.createElement(antd.InputNumber, { value: ((_a = tabData.totalCo2WithoutLand) === null || _a === void 0 ? void 0 : _a.bau)
33338
33207
  ? addCommSep(Number((_b = tabData.totalCo2WithoutLand) === null || _b === void 0 ? void 0 : _b.bau))
33339
- : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau },
33340
- React.createElement("div", null,
33341
- React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.bau)
33342
- ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.bau))
33343
- : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.bau, disabled: true })))),
33208
+ : (_c = tabData.totalCo2WithoutLand) === null || _c === void 0 ? void 0 : _c.bau, disabled: true })),
33344
33209
  React.createElement(antd.Col, { xl: 7 },
33345
- React.createElement(antd.Tooltip, { title: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.conditionalNdc)
33346
- ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.conditionalNdc))
33347
- : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.conditionalNdc },
33348
- React.createElement("div", null,
33349
- React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithoutLand) === null || _k === void 0 ? void 0 : _k.conditionalNdc)
33350
- ? addCommSep(Number((_l = tabData.totalCo2WithoutLand) === null || _l === void 0 ? void 0 : _l.conditionalNdc))
33351
- : (_m = tabData.totalCo2WithoutLand) === null || _m === void 0 ? void 0 : _m.conditionalNdc, disabled: true })))),
33210
+ React.createElement(antd.InputNumber, { value: ((_d = tabData.totalCo2WithoutLand) === null || _d === void 0 ? void 0 : _d.conditionalNdc)
33211
+ ? addCommSep(Number((_e = tabData.totalCo2WithoutLand) === null || _e === void 0 ? void 0 : _e.conditionalNdc))
33212
+ : (_f = tabData.totalCo2WithoutLand) === null || _f === void 0 ? void 0 : _f.conditionalNdc, disabled: true })),
33352
33213
  React.createElement(antd.Col, { xl: 7 },
33353
- React.createElement(antd.Tooltip, { title: ((_o = tabData.totalCo2WithoutLand) === null || _o === void 0 ? void 0 : _o.unconditionalNdc)
33354
- ? addCommSep(Number((_p = tabData.totalCo2WithoutLand) === null || _p === void 0 ? void 0 : _p.unconditionalNdc))
33355
- : (_q = tabData.totalCo2WithoutLand) === null || _q === void 0 ? void 0 : _q.unconditionalNdc },
33356
- React.createElement("div", null,
33357
- React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithoutLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33358
- ? addCommSep(Number((_s = tabData.totalCo2WithoutLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33359
- : (_t = tabData.totalCo2WithoutLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))),
33214
+ React.createElement(antd.InputNumber, { value: ((_g = tabData.totalCo2WithoutLand) === null || _g === void 0 ? void 0 : _g.unconditionalNdc)
33215
+ ? addCommSep(Number((_h = tabData.totalCo2WithoutLand) === null || _h === void 0 ? void 0 : _h.unconditionalNdc))
33216
+ : (_j = tabData.totalCo2WithoutLand) === null || _j === void 0 ? void 0 : _j.unconditionalNdc, disabled: true })))))),
33360
33217
  (!isRowDataEmpty(tabData.totalCo2WithLand)) && (React.createElement(antd.Row, { gutter: 16, key: 'totalCo2WithLand', className: "total-co2-with-land-row total-co2-land-input-box-row" },
33361
33218
  React.createElement(antd.Col, { xl: 12, md: 12, className: "total-co2-with-land-title" },
33362
33219
  React.createElement("span", null, t("ghgInventory:totalCo2WithLand"))),
33363
33220
  React.createElement(antd.Col, { xl: 9, md: 9 },
33364
33221
  React.createElement(antd.Row, { gutter: 16, className: "panel-content-input-box-row" },
33365
33222
  React.createElement(antd.Col, { xl: 7 },
33366
- React.createElement(antd.Tooltip, { title: ((_u = tabData.totalCo2WithLand) === null || _u === void 0 ? void 0 : _u.bau)
33367
- ? addCommSep(Number((_v = tabData.totalCo2WithLand) === null || _v === void 0 ? void 0 : _v.bau))
33368
- : (_w = tabData.totalCo2WithLand) === null || _w === void 0 ? void 0 : _w.bau },
33369
- React.createElement("div", null,
33370
- React.createElement(antd.InputNumber, { value: ((_x = tabData.totalCo2WithLand) === null || _x === void 0 ? void 0 : _x.bau)
33371
- ? addCommSep(Number((_y = tabData.totalCo2WithLand) === null || _y === void 0 ? void 0 : _y.bau))
33372
- : (_z = tabData.totalCo2WithLand) === null || _z === void 0 ? void 0 : _z.bau, disabled: true })))),
33223
+ React.createElement(antd.InputNumber, { value: ((_k = tabData.totalCo2WithLand) === null || _k === void 0 ? void 0 : _k.bau)
33224
+ ? addCommSep(Number((_l = tabData.totalCo2WithLand) === null || _l === void 0 ? void 0 : _l.bau))
33225
+ : (_m = tabData.totalCo2WithLand) === null || _m === void 0 ? void 0 : _m.bau, disabled: true })),
33373
33226
  React.createElement(antd.Col, { xl: 7 },
33374
- React.createElement(antd.Tooltip, { title: ((_0 = tabData.totalCo2WithLand) === null || _0 === void 0 ? void 0 : _0.conditionalNdc)
33375
- ? addCommSep(Number((_1 = tabData.totalCo2WithLand) === null || _1 === void 0 ? void 0 : _1.conditionalNdc))
33376
- : (_2 = tabData.totalCo2WithLand) === null || _2 === void 0 ? void 0 : _2.conditionalNdc },
33377
- React.createElement("div", null,
33378
- React.createElement(antd.InputNumber, { value: ((_3 = tabData.totalCo2WithLand) === null || _3 === void 0 ? void 0 : _3.conditionalNdc)
33379
- ? addCommSep(Number((_4 = tabData.totalCo2WithLand) === null || _4 === void 0 ? void 0 : _4.conditionalNdc))
33380
- : (_5 = tabData.totalCo2WithLand) === null || _5 === void 0 ? void 0 : _5.conditionalNdc, disabled: true })))),
33227
+ React.createElement(antd.InputNumber, { value: ((_o = tabData.totalCo2WithLand) === null || _o === void 0 ? void 0 : _o.conditionalNdc)
33228
+ ? addCommSep(Number((_p = tabData.totalCo2WithLand) === null || _p === void 0 ? void 0 : _p.conditionalNdc))
33229
+ : (_q = tabData.totalCo2WithLand) === null || _q === void 0 ? void 0 : _q.conditionalNdc, disabled: true })),
33381
33230
  React.createElement(antd.Col, { xl: 7 },
33382
- React.createElement(antd.Tooltip, { title: ((_6 = tabData.totalCo2WithLand) === null || _6 === void 0 ? void 0 : _6.unconditionalNdc)
33383
- ? addCommSep(Number((_7 = tabData.totalCo2WithLand) === null || _7 === void 0 ? void 0 : _7.unconditionalNdc))
33384
- : (_8 = tabData.totalCo2WithLand) === null || _8 === void 0 ? void 0 : _8.unconditionalNdc },
33385
- React.createElement("div", null,
33386
- React.createElement(antd.InputNumber, { value: ((_9 = tabData.totalCo2WithLand) === null || _9 === void 0 ? void 0 : _9.unconditionalNdc)
33387
- ? addCommSep(Number((_10 = tabData.totalCo2WithLand) === null || _10 === void 0 ? void 0 : _10.unconditionalNdc))
33388
- : (_11 = tabData.totalCo2WithLand) === null || _11 === void 0 ? void 0 : _11.unconditionalNdc, disabled: true })))))))))));
33389
- }))))),
33231
+ React.createElement(antd.InputNumber, { value: ((_r = tabData.totalCo2WithLand) === null || _r === void 0 ? void 0 : _r.unconditionalNdc)
33232
+ ? addCommSep(Number((_s = tabData.totalCo2WithLand) === null || _s === void 0 ? void 0 : _s.unconditionalNdc))
33233
+ : (_t = tabData.totalCo2WithLand) === null || _t === void 0 ? void 0 : _t.unconditionalNdc, disabled: true })))))))));
33234
+ })))),
33390
33235
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onSaveFormCanceled, openModal: openSaveFormModal, errorMsg: errorMsg, loading: loading }),
33391
33236
  React.createElement(GHGUserActionConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: onSubmitForm, onActionCanceled: onFinalizeFormCanceled, openModal: openFinalizeFormModal, errorMsg: errorMsg, loading: loading }),
33392
33237
  React.createElement(DiscardChangesConfirmationModel, { t: t, actionInfo: actionInfo, onActionConfirmed: resetForm, onActionCanceled: onResetFormCanceled, openModal: openResetFormModal, errorMsg: errorMsg, loading: loading })));
33393
33238
  };
33394
33239
 
33395
- 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";
33240
+ 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";
33396
33241
  styleInject(css_248z);
33397
33242
 
33398
33243
  var BarChartEstimatedActualStatComponent = function (props) {
@@ -33573,7 +33418,7 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33573
33418
  position: 'bottom',
33574
33419
  horizontalAlign: 'center',
33575
33420
  floating: false,
33576
- fontSize: '14px',
33421
+ fontSize: '12px',
33577
33422
  fontFamily: 'Inter',
33578
33423
  fontWeight: 400,
33579
33424
  formatter: undefined,
@@ -33589,12 +33434,12 @@ var totalEmissionOptionsSub = function (labels, chartColors) {
33589
33434
  useSeriesColors: false,
33590
33435
  },
33591
33436
  markers: {
33592
- width: 12,
33593
- height: 12,
33437
+ width: 8,
33438
+ height: 8,
33594
33439
  strokeWidth: 0,
33595
33440
  strokeColor: '#fff',
33596
33441
  fillColors: chartColors,
33597
- radius: 12,
33442
+ radius: 0,
33598
33443
  customHTML: undefined,
33599
33444
  onClick: undefined,
33600
33445
  offsetX: 0,
@@ -33794,7 +33639,7 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33794
33639
  ],
33795
33640
  xaxis: {
33796
33641
  title: {
33797
- text: 'Year',
33642
+ text: '',
33798
33643
  style: {
33799
33644
  color: '#263238',
33800
33645
  fontSize: '12px',
@@ -33879,12 +33724,12 @@ var emissionComparisonOptionsSub = function (labels, chartColors) {
33879
33724
  useSeriesColors: false,
33880
33725
  },
33881
33726
  markers: {
33882
- width: [12, 12, 12, 33],
33883
- height: [12, 12, 12, 2],
33727
+ width: [16, 16, 16, 33],
33728
+ height: [16, 16, 16, 2],
33884
33729
  strokeWidth: 0,
33885
33730
  strokeColor: '#fff',
33886
33731
  fillColors: __spreadArray(__spreadArray([], chartColors, true), ['#16B1FF'], false),
33887
- radius: 12,
33732
+ radius: 0,
33888
33733
  customHTML: undefined,
33889
33734
  onClick: undefined,
33890
33735
  offsetX: 0,
@@ -33924,6 +33769,7 @@ var GHGDashboardComponent = function (props) {
33924
33769
  [exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR],
33925
33770
  [exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON],
33926
33771
  ];
33772
+ var TTSuffix = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.PROGRAMME_DEVELOPER ? 'My' : '';
33927
33773
  var handleResize = function () {
33928
33774
  setScreenWidth(window.innerWidth);
33929
33775
  };
@@ -34068,7 +33914,7 @@ var GHGDashboardComponent = function (props) {
34068
33914
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_SECTOR,
34069
33915
  configs: {
34070
33916
  title: t('emissionsBySectorTitle'),
34071
- tooltip: t('emissionsBySectorTT'),
33917
+ tooltip: t('emissionsBySectorTT' + TTSuffix),
34072
33918
  colors: colors,
34073
33919
  chartColumnWidth: 12,
34074
33920
  chartWidth: 490,
@@ -34083,7 +33929,7 @@ var GHGDashboardComponent = function (props) {
34083
33929
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_BY_GAS,
34084
33930
  configs: {
34085
33931
  title: t('emissionsByGasTitle'),
34086
- tooltip: t('emissionsByGasTT'),
33932
+ tooltip: t('emissionsByGasTT' + TTSuffix),
34087
33933
  colors: colors,
34088
33934
  chartColumnWidth: 12,
34089
33935
  chartWidth: 490,
@@ -34097,7 +33943,7 @@ var GHGDashboardComponent = function (props) {
34097
33943
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_MITIGATION_POTENTIAL_BY_SECTOR,
34098
33944
  configs: {
34099
33945
  title: t('emissionsMitigationPotentialBySectorTitle'),
34100
- tooltip: t('emissionsMitigationPotentialBySectorTT'),
33946
+ tooltip: t('emissionsMitigationPotentialBySectorTT' + TTSuffix),
34101
33947
  colors: colors,
34102
33948
  chartColumnWidth: 24,
34103
33949
  chartWidth: screenWidth * 0.72,
@@ -34111,7 +33957,7 @@ var GHGDashboardComponent = function (props) {
34111
33957
  aggType: exports.GhgStatCardTypes.AGG_REDUCTION_PERCENT_BAU_BY_SECTOR,
34112
33958
  configs: {
34113
33959
  title: t('emissionsReductionPercentageBySectorTitle'),
34114
- tooltip: t('emissionsReductionPercentageBySectorTT'),
33960
+ tooltip: t('emissionsReductionPercentageBySectorTT' + TTSuffix),
34115
33961
  colors: colors,
34116
33962
  chartColumnWidth: 24,
34117
33963
  chartWidth: screenWidth * 0.72,
@@ -34125,7 +33971,7 @@ var GHGDashboardComponent = function (props) {
34125
33971
  aggType: exports.GhgStatCardTypes.AGG_EMISSIONS_COMPARISON,
34126
33972
  configs: {
34127
33973
  title: t('emissionsComparisonTitle'),
34128
- tooltip: t('emissionsComparisonTT'),
33974
+ tooltip: t('emissionsComparisonTT' + TTSuffix),
34129
33975
  colors: colorsComparison,
34130
33976
  chartColumnWidth: 24,
34131
33977
  chartWidth: screenWidth * 0.72,
@@ -34269,7 +34115,7 @@ var GHGDashboardComponent = function (props) {
34269
34115
  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 })));
34270
34116
  }
34271
34117
  };
34272
- return (React.createElement("div", { className: "ghg-dashboard-main-container" },
34118
+ return (React.createElement("div", { className: "dashboard-main-container" },
34273
34119
  isMultipleDashboardsVisible && (React.createElement("div", { className: "systemchange-container", style: { marginLeft: "20px" } },
34274
34120
  React.createElement(ButtonGroup, { "aria-label": "outlined button group" },
34275
34121
  React.createElement(Link, { to: "/dashboard" },