@undp/carbon-library 1.0.151-NAM-4.0 → 1.0.152-CARBON-343.0

package/dist/cjs/index.js

@@ -24492,7 +24492,7 @@ var EditableCell = function (_a) {
                     return [3 /*break*/, 3];
                 case 2:
                     errInfo_1 = _a.sent();
-                    console.log('Save failed:', errInfo_1);
+                    console.log("Save failed:", errInfo_1);
                     return [3 /*break*/, 3];
                 case 3: return [2 /*return*/];
             }
@@ -24506,7 +24506,7 @@ var EditableCell = function (_a) {
                     message: "".concat(title, " is required."),
                 },
             ] },
-            React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24 }, onClick: toggleEdit }, children));
+            React.createElement(antd.Input, { ref: inputRef, onPressEnter: save, onBlur: save }))) : (React.createElement("div", { className: "editable-cell-value-wrap", style: { paddingRight: 24, minWidth: "100px", minHeight: "20px" }, onClick: toggleEdit }, children));
     }
     return React.createElement("td", __assign({}, restProps), childNode);
 };
@@ -24514,6 +24514,11 @@ var EditableCell = function (_a) {
 var css_248z$4 = ".ndc-steps-actions {\n  display: flex;\n  flex-direction: row-reverse;\n  margin-right: 1rem;\n  justify-content: center; }\n  .ndc-steps-actions .action-btn {\n    border: 1px solid #16b1ff;\n    color: #16b1ff;\n    margin-right: 1rem; }\n  .ndc-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  .ndc-steps-actions .mg-left-1 {\n    margin-left: 1rem; }\n";
 styleInject(css_248z$4);
 
+var NdcActionType;
+(function (NdcActionType) {
+    NdcActionType[NdcActionType["main"] = 0] = "main";
+    NdcActionType[NdcActionType["sub"] = 1] = "sub";
+})(NdcActionType || (NdcActionType = {}));
 var NdcDetailsComponent = function (props) {
     var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
     var RangePicker = antd.DatePicker.RangePicker;
@@ -24536,19 +24541,39 @@ var NdcDetailsComponent = function (props) {
         return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT &&
             (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
     };
-    var isAddSubNdcActionVisible = function () {
-        return ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
-            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
-    };
     var inRange = function (num, min, max) {
         return num >= min && num <= max;
     };
     var handleSave = function (row) {
-        var newData = __spreadArray([], ndcDetailsData, true);
-        var index = newData.findIndex(function (item) { return row.key === item.key; });
-        var item = newData[index];
-        newData.splice(index, 1, __assign(__assign({}, item), row));
-        setNdcDetailsData(newData);
+        if (row.type === NdcActionType.main) {
+            var newData = __spreadArray([], ndcDetailsData, true);
+            var index = newData.findIndex(function (item) { return row.key === item.key; });
+            var item = newData[index];
+            newData.splice(index, 1, __assign(__assign({}, item), row));
+            setNdcDetailsData(newData);
+        }
+        else {
+            var newData = __spreadArray([], ndcDetailsData, true);
+            var parentIndex = newData.findIndex(function (item) { return row.ndcActionId === item.key; });
+            var parentItem = newData[parentIndex];
+            if (parentItem) {
+                if (parentItem.subNdcDetails) {
+                    var itemIndex = parentItem.subNdcDetails.findIndex(function (item) { return row.key === item.key; });
+                    if (itemIndex === -1) {
+                        parentItem.subNdcDetails.push(row);
+                    }
+                    else {
+                        parentItem.subNdcDetails.splice(itemIndex, 1, __assign({}, row));
+                    }
+                }
+                else {
+                    parentItem.subNdcDetails = [row];
+                }
+            }
+            newData.splice(parentIndex, 1, __assign({}, parentItem));
+            setNdcDetailsData(newData);
+            setTableKey(function (key) { return key + 1; });
+        }
     };
     var getNdcDetailsForPeriod = function () {
         var range = selectedTab.split("-");
@@ -24578,6 +24603,7 @@ var NdcDetailsComponent = function (props) {
             key: "nationalPlanObj",
             align: "left",
             editable: true,
+            width: 800,
         },
         {
             title: t("ndc:ndcColumnsKpi"),
@@ -24585,6 +24611,7 @@ var NdcDetailsComponent = function (props) {
             key: "kpi",
             align: "left",
             editable: true,
+            width: 100,
         },
         {
             title: "Ministry",
@@ -24608,40 +24635,30 @@ var NdcDetailsComponent = function (props) {
     });
     function onAddNewNdcDetail() {
         var range = selectedTab.split("-");
-        addedNdcDetailId.current = addedNdcDetailId.current + 1;
+        var ndcActionId = ++addedNdcDetailId.current;
         var newData = {
-            key: addedNdcDetailId.current,
+            key: ndcActionId,
+            type: NdcActionType.main,
             startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
             endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
             nationalPlanObj: t("ndc:enterNewPlanTxt"),
             kpi: 0,
             ministry: "Please add the Ministry name",
+            subNdcDetails: [
+                {
+                    key: ++addedNdcDetailId.current,
+                    ndcActionId: ndcActionId,
+                    type: NdcActionType.sub,
+                    startDate: new Date("2019-03-25"),
+                    endDate: new Date("2020-03-25"),
+                    nationalPlanObj: "",
+                    kpi: "",
+                    ministry: "",
+                },
+            ],
         };
         setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
     }
-    function onAddNewSubNdcDetail() {
-        var range = selectedTab.split("-");
-        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === selectedNdcDetail.current.key; });
-        var ndcDetailItemIndex = ndcDetailsData.findIndex(function (item) { return item.key === selectedNdcDetail.current.key; });
-        if (ndcDetail) {
-            addedNdcDetailId.current = addedNdcDetailId.current + 1;
-            var newData = {
-                key: addedNdcDetailId.current,
-                startDate: new Date("".concat(Number(range[0]), "-01-24 23:12:00")),
-                endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
-                nationalPlanObj: t("ndc:enterNewPlanTxt"),
-                kpi: 0,
-                ministry: "Please add the Ministry name",
-            };
-            if (!ndcDetail.subNdcDetails) {
-                ndcDetail.subNdcDetails = [];
-            }
-            ndcDetail.subNdcDetails.push(newData);
-        }
-        ndcDetailsData[ndcDetailItemIndex] = ndcDetail;
-        setNdcDetailsData(ndcDetailsData);
-        setTableKey(function (key) { return key + 1; });
-    }
     var components = {
         body: {
             row: EditableRow,
@@ -24722,13 +24739,7 @@ var NdcDetailsComponent = function (props) {
     }
     function getSubNdcActionContent(record) {
         selectedNdcDetail.current = record;
-        return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
-                return isAddSubNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
-                    React.createElement(antd.Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
-                            marginBottom: 16,
-                            width: "100%",
-                        } }, t("ndc:addSubNdcAction"))));
-            } }));
+        return (React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false }));
     }
     var onTabChange = function (key) {
         setSelectedTab(key);
@@ -24737,53 +24748,160 @@ var NdcDetailsComponent = function (props) {
         var defaultNdcDetails = [
             {
                 key: 1,
+                type: NdcActionType.main,
                 startDate: new Date("2019-03-25"),
                 endDate: new Date("2020-03-25"),
                 nationalPlanObj: "Enhance value addition in key growth opportunities",
                 kpi: 25,
-                ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
+                ministry: "Ministry of Environment",
                 subNdcDetails: [
                     {
                         key: 6,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
                         startDate: new Date("2019-03-25"),
                         endDate: new Date("2020-03-25"),
                         nationalPlanObj: "Enhance value addition in key growth opportunities sub details",
                         kpi: 25,
                         ministry: "Ministry of Agriculture, Water and Forestry (MAWF)",
                     },
+                    {
+                        key: 7,
+                        ndcActionId: 1,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
                 ],
             },
             {
                 key: 2,
+                type: NdcActionType.main,
                 startDate: new Date("2019-03-25"),
                 endDate: new Date("2019-08-25"),
                 nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
                 kpi: 10500,
-                ministry: "Ministry of Tourism (MoT)",
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 2,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 12,
+                type: NdcActionType.main,
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2019-08-25"),
+                nationalPlanObj: "Other",
+                kpi: 10500,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 8,
+                        ndcActionId: 12,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 3,
+                type: NdcActionType.main,
                 startDate: new Date("2021-03-25"),
                 endDate: new Date("2022-03-25"),
                 nationalPlanObj: "Consolidate and increase the stock and quality of productive infrastructure by 50%",
                 kpi: 48,
-                ministry: "Ministry of Education, Arts and Culture (MoE)",
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 9,
+                        ndcActionId: 3,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 4,
+                type: NdcActionType.main,
                 startDate: new Date("2022-03-25"),
                 endDate: new Date("2022-05-25"),
                 nationalPlanObj: "Enhance the productivity and social wellbeing of the population",
                 kpi: 20,
-                ministry: "Ministry of Environment, Forestry and Tourism (MEFT)",
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 10,
+                        ndcActionId: 4,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
             {
                 key: 5,
+                type: NdcActionType.main,
                 startDate: new Date("2022-03-25"),
                 endDate: new Date("2023-03-25"),
                 nationalPlanObj: "Strengthen the role of the state in guiding and facilitating development",
                 kpi: 10,
-                ministry: "Ministry of Tourism (MoT)",
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 5,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
+            },
+            {
+                key: 13,
+                type: NdcActionType.main,
+                startDate: new Date("2022-03-25"),
+                endDate: new Date("2023-03-25"),
+                nationalPlanObj: "Other",
+                kpi: 10,
+                ministry: "Ministry of Environment",
+                subNdcDetails: [
+                    {
+                        key: 11,
+                        ndcActionId: 13,
+                        type: NdcActionType.sub,
+                        startDate: new Date("2019-03-25"),
+                        endDate: new Date("2020-03-25"),
+                        nationalPlanObj: "",
+                        kpi: "",
+                        ministry: "",
+                    },
+                ],
             },
         ];
         var initialPeriods = [