@undp/carbon-library 2.1.13-PAN-1.8 → 2.1.13-PAN-1.10

package/dist/cjs/index.js

@@ -20413,22 +20413,21 @@ var enablementTypesAndValues = [
 ];
 
 var NdcActionDetails = function (props) {
-    var _a, _b, _c, _d;
     var isBackBtnVisible = props.isBackBtnVisible, onFormSubmit = props.onFormSubmit, ndcActionDetails = props.ndcActionDetails, translator = props.translator, programmeDetails = props.programmeDetails, onClickedBackBtn = props.onClickedBackBtn;
     translator.setDefaultNamespace("ndcAction");
     var t = translator.t;
-    var _e = React.useState(), ndcActionType = _e[0], setNdcActionType = _e[1];
-    var _f = React.useState(), methodology = _f[0], setMethodology = _f[1];
-    var _g = React.useState(), mitigationType = _g[0], setmitigationType = _g[1];
-    var _h = React.useState(""), mitigationSubType = _h[0], setMitigationSubType = _h[1];
-    var _j = React.useState(""), sector = _j[0], setSector = _j[1];
-    var _k = React.useState(""), subSector = _k[0], setSubSector = _k[1];
-    var _l = React.useState(ndcActionTypeList), ndcActionTypeListFiltered = _l[0]; _l[1];
-    var _m = React.useState([]), checkedOptionsGhgReduced = _m[0], setCheckedOptionsGhgReduced = _m[1];
-    var _o = React.useState([]), checkedOptionsGhgAvoided = _o[0], setCheckedOptionsGhgAvoided = _o[1];
-    var _p = React.useState(), inputNumberValueGhgAvoidedGas = _p[0], setInputNumberValueGhgAvoidedGas = _p[1];
-    var _q = React.useState(), inputNumberValueGhgReducedGas = _q[0], setInputNumberValueGhgReducedGas = _q[1];
-    var _r = React.useState(), includedInNAP = _r[0], setIncludedInNAP = _r[1];
+    var _a = React.useState(), ndcActionType = _a[0], setNdcActionType = _a[1];
+    var _b = React.useState(), methodology = _b[0], setMethodology = _b[1];
+    var _c = React.useState(), mitigationType = _c[0], setmitigationType = _c[1];
+    var _d = React.useState(""), mitigationSubType = _d[0], setMitigationSubType = _d[1];
+    var _e = React.useState(""), sector = _e[0], setSector = _e[1];
+    var _f = React.useState(""), subSector = _f[0], setSubSector = _f[1];
+    var _g = React.useState(ndcActionTypeList), ndcActionTypeListFiltered = _g[0]; _g[1];
+    var _h = React.useState([]), checkedOptionsGhgReduced = _h[0], setCheckedOptionsGhgReduced = _h[1];
+    var _j = React.useState([]), checkedOptionsGhgAvoided = _j[0], setCheckedOptionsGhgAvoided = _j[1];
+    var _k = React.useState(), inputNumberValueGhgAvoidedGas = _k[0], setInputNumberValueGhgAvoidedGas = _k[1];
+    var _l = React.useState(), inputNumberValueGhgReducedGas = _l[0], setInputNumberValueGhgReducedGas = _l[1];
+    var _m = React.useState(), includedInNAP = _m[0], setIncludedInNAP = _m[1];
     var form = antd.Form.useForm()[0];
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
@@ -20436,9 +20435,26 @@ var NdcActionDetails = function (props) {
     //changing value to N2O. Previously it was N20(N-Two-Zero)
     var ghgEmissionsGas = ["CO2", "CH4", "N2O", "HFCs", "PFCs", "SF6"];
     React.useEffect(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
         if (programmeDetails) {
             setSector(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector);
             setSubSector(programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sectoralScope);
+            if (!ndcActionDetails) {
+                console.log("Programme Details later changes : ->>>>>>>>>>>>>>>>>>>>>> ", sectorMitigationTypesListMapped[sector]
+                    ? (_c = (_b = (_a = sectorMitigationTypesListMapped[sector]) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.label === sector; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : ""
+                    : "", mitigationSubTypesListMapped[subSector]
+                    ? (_e = (_d = mitigationSubTypesListMapped[subSector]) === null || _d === void 0 ? void 0 : _d.find(function (item) { return item.label === subSector; })) === null || _e === void 0 ? void 0 : _e.label
+                    : "");
+                console.log("Other detail 115 ------------- > ", programmeDetails);
+                form.setFieldsValue({
+                    mitigationType: sectorMitigationTypesListMapped[sector]
+                        ? (_h = (_g = (_f = sectorMitigationTypesListMapped[sector]) === null || _f === void 0 ? void 0 : _f.find(function (item) { return item.label === sector; })) === null || _g === void 0 ? void 0 : _g.label) !== null && _h !== void 0 ? _h : ""
+                        : "",
+                    mitigationSubType: mitigationSubTypesListMapped[subSector]
+                        ? (_k = (_j = mitigationSubTypesListMapped[subSector]) === null || _j === void 0 ? void 0 : _j.find(function (item) { return item.label === subSector; })) === null || _k === void 0 ? void 0 : _k.label
+                        : "",
+                });
+            }
         }
     }, [programmeDetails]);
     React.useEffect(function () {
@@ -20834,7 +20850,15 @@ var NdcActionDetails = function (props) {
                 ndcActionType === exports.NdcActionTypes.CrossCutting) && (React.createElement(React.Fragment, null,
                 React.createElement(antd.Row, { justify: "start", align: "middle" },
                     React.createElement(antd.Col, null,
-                        React.createElement(antd.Form.Item, { label: t("ndcAction:mitigationType"), name: "mitigationType", rules: [
+                        React.createElement(antd.Form.Item, { label: t("ndcAction:mitigationType"), 
+                            // initialValue={
+                            //   sectorMitigationTypesListMapped[sector]
+                            //     ? sectorMitigationTypesListMapped[sector]?.find(
+                            //         (item: any) => item.label === sector
+                            //       )?.label ?? ""
+                            //     : ""
+                            // }
+                            name: "mitigationType", rules: [
                                 {
                                     required: true,
                                     message: "".concat(t("ndcAction:mitigationType"), " ").concat(t("ndcAction:isRequired")),
@@ -20847,22 +20871,20 @@ var NdcActionDetails = function (props) {
                                     (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === exports.Sector.Education ||
                                     (programmeDetails === null || programmeDetails === void 0 ? void 0 : programmeDetails.sector) === exports.Sector.Hospitality
                                     ? mitigationTypeList
-                                    : sectorMitigationTypesListMapped[sector], 
-                                // defaultValue={
-                                //   sectorMitigationTypesListMapped[sector]
-                                //     ? sectorMitigationTypesListMapped[sector]?.find(
-                                //         (item: any) => item.label === sector
-                                //       )?.label ?? ""
-                                //     : ""
-                                // }
-                                value: sectorMitigationTypesListMapped[sector]
-                                    ? (_b = (_a = sectorMitigationTypesListMapped[sector]) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.label === sector; })) !== null && _b !== void 0 ? _b : { value: "", label: "" }
-                                    : { value: "", label: "" } }))),
+                                    : sectorMitigationTypesListMapped[sector] }))),
                     (ndcActionType === exports.NdcActionTypes.Mitigation ||
                         ndcActionType === exports.NdcActionTypes.CrossCutting) &&
                         mitigationType &&
                         mitigationSubTypesListMapped[mitigationType] && (React.createElement(antd.Col, { style: { marginLeft: "38px" } },
-                        React.createElement(antd.Form.Item, { label: t("ndcAction:mitigationSubType"), name: "mitigationSubType", rules: [
+                        React.createElement(antd.Form.Item, { label: t("ndcAction:mitigationSubType"), name: "mitigationSubType", 
+                            // initialValue={
+                            //   mitigationSubTypesListMapped[subSector]
+                            //     ? mitigationSubTypesListMapped[subSector]?.find(
+                            //         (item: any) => item.label === subSector
+                            //       )?.label
+                            //     : ""
+                            // }
+                            rules: [
                                 {
                                     required: true,
                                     message: "".concat(t("ndcAction:mitigationSubType"), " ").concat(t("ndcAction:isRequired")),
@@ -20871,13 +20893,7 @@ var NdcActionDetails = function (props) {
                             React.createElement(antd.Select, { size: "large", onChange: handleMitigationSubTypeChange, style: {
                                     width: "249px",
                                     borderRadius: "4px",
-                                }, options: mitigationSubTypesListMapped[mitigationType], value: mitigationSubType ||
-                                    ((_d = (mitigationSubTypesListMapped[subSector]
-                                        ? (_c = mitigationSubTypesListMapped[subSector]) === null || _c === void 0 ? void 0 : _c.find(function (item) { return item.label === subSector; })
-                                        : { value: "", label: "" })) !== null && _d !== void 0 ? _d : {
-                                        value: "",
-                                        label: "",
-                                    }) }))))),
+                                }, options: mitigationSubTypesListMapped[mitigationType] }))))),
                 React.createElement(antd.Row, { justify: "start", align: "middle" },
                     React.createElement(antd.Col, { span: 20 },
                         React.createElement(antd.Form.Item, { label: t("ndcAction:methodology"), name: "methodology", rules: [