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

package/dist/cjs/index.js

@@ -20413,22 +20413,22 @@ var enablementTypesAndValues = [
 ];
 
 var NdcActionDetails = function (props) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e;
     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 _f = React.useState(), ndcActionType = _f[0], setNdcActionType = _f[1];
+    var _g = React.useState(), methodology = _g[0], setMethodology = _g[1];
+    var _h = React.useState(), mitigationType = _h[0], setmitigationType = _h[1];
+    var _j = React.useState(""), mitigationSubType = _j[0], setMitigationSubType = _j[1];
+    var _k = React.useState(""), sector = _k[0], setSector = _k[1];
+    var _l = React.useState(""), subSector = _l[0], setSubSector = _l[1];
+    var _m = React.useState(ndcActionTypeList), ndcActionTypeListFiltered = _m[0]; _m[1];
+    var _o = React.useState([]), checkedOptionsGhgReduced = _o[0], setCheckedOptionsGhgReduced = _o[1];
+    var _p = React.useState([]), checkedOptionsGhgAvoided = _p[0], setCheckedOptionsGhgAvoided = _p[1];
+    var _q = React.useState(), inputNumberValueGhgAvoidedGas = _q[0], setInputNumberValueGhgAvoidedGas = _q[1];
+    var _r = React.useState(), inputNumberValueGhgReducedGas = _r[0], setInputNumberValueGhgReducedGas = _r[1];
+    var _s = React.useState(), includedInNAP = _s[0], setIncludedInNAP = _s[1];
     var form = antd.Form.useForm()[0];
     var maximumImageSize = process.env.REACT_APP_MAXIMUM_FILE_SIZE
         ? parseInt(process.env.REACT_APP_MAXIMUM_FILE_SIZE)
@@ -20834,7 +20834,9 @@ 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]
+                                ? (_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 : ""
+                                : "", name: "mitigationType", rules: [
                                 {
                                     required: true,
                                     message: "".concat(t("ndcAction:mitigationType"), " ").concat(t("ndcAction:isRequired")),
@@ -20847,22 +20849,14 @@ 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]
+                                ? (_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
+                                : "", rules: [
                                 {
                                     required: true,
                                     message: "".concat(t("ndcAction:mitigationSubType"), " ").concat(t("ndcAction:isRequired")),
@@ -20871,13 +20865,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: [