@undp/carbon-library 1.0.150-CARBON-320.0 → 1.0.150-CARBON-343.3

package/dist/esm/index.js

@@ -19592,16 +19592,13 @@ var NdcActionViewComponent = function (props) {
             }
         });
     }); };
-    var getProjectReportActions = function (reportData, reportVersion) {
+    var getProjectReportActions = function (reportData) {
         return (React.createElement(Row, null,
             React.createElement("div", { className: "icon" },
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.ACCEPTED && (React.createElement(CheckCircleOutlined, { className: "common-progress-icon", style: { color: "#5DC380" } })),
                 (reportData === null || reportData === void 0 ? void 0 : reportData.status) === DocumentStatus.REJECTED && (React.createElement(ExclamationCircleOutlined, { className: "common-progress-icon", style: { color: "#FD6F70" } }))),
             React.createElement("div", { className: "link mg-left-1" }, (reportData === null || reportData === void 0 ? void 0 : reportData.url) && linkDocVisible(reportData === null || reportData === void 0 ? void 0 : reportData.status) && (React.createElement("a", { href: reportData === null || reportData === void 0 ? void 0 : reportData.url, target: "_blank", rel: "noopener noreferrer", download: true },
-                React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } })))),
-            (reportData === null || reportData === void 0 ? void 0 : reportData.txTime) && (React.createElement("div", { className: "time" },
-                moment(parseInt(reportData === null || reportData === void 0 ? void 0 : reportData.txTime)).format("DD MMMM YYYY @ HH:mm"),
-                " ~ " + reportVersion))));
+                React.createElement(BookOutlined, { className: "common-progress-icon margin-right-1", style: { color: "#3F3A47" } }))))));
     };
     var getProjectReports = function () { return __awaiter(void 0, void 0, void 0, function () {
         var reportDetails, response, exception_1;
@@ -19649,20 +19646,12 @@ var NdcActionViewComponent = function (props) {
                                 if ((item === null || item === void 0 ? void 0 : item.status) === DocumentStatus.ACCEPTED) {
                                     setMonitoringReportAccepted(true);
                                 }
-                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
-                                var version = versionfull ? versionfull.split(".")[0] : "1";
-                                var moniteringVersion = version.startsWith("V") ? version : "V1";
                                 reportDetails[t("ndcAction:viewMoniteringReport")] =
-                                    getProjectReportActions(item, moniteringVersion);
+                                    getProjectReportActions(item);
                             }
                             else if ((_b = item === null || item === void 0 ? void 0 : item.url) === null || _b === void 0 ? void 0 : _b.includes("VERIFICATION_REPORT")) {
-                                var versionfull = (item === null || item === void 0 ? void 0 : item.url).split("_")[(item === null || item === void 0 ? void 0 : item.url).split("_").length - 1];
-                                var version = versionfull ? versionfull.split(".")[0] : "1";
-                                var verificationVersion = version.startsWith("V")
-                                    ? version
-                                    : "V1";
                                 reportDetails[t("ndcAction:viewVerificationReport")] =
-                                    getProjectReportActions(item, verificationVersion);
+                                    getProjectReportActions(item);
                             }
                         });
                     }
@@ -24518,6 +24507,8 @@ var NdcDetailsComponent = function (props) {
     var _d = useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
     var selectedPeriod = useRef({});
     var addedNdcDetailId = useRef(0);
+    var selectedNdcDetail = useRef({});
+    var _e = useState(0), tableKey = _e[0], setTableKey = _e[1];
     var userInfoState = useUserContext().userInfoState;
     var isAddRangeVisible = function () {
         return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === CompanyRole.MINISTRY ||
@@ -24550,6 +24541,15 @@ var NdcDetailsComponent = function (props) {
             return [];
         }
     };
+    var getSubNdcDetails = function (key) {
+        var ndcDetail = ndcDetailsData.find(function (item) { return item.key === key; });
+        if (ndcDetail) {
+            return ndcDetail.subNdcDetails;
+        }
+        else {
+            return [];
+        }
+    };
     var defaultColumns = [
         {
             title: t("ndc:ndcColumnsNationalPlanObj"),
@@ -24566,7 +24566,7 @@ var NdcDetailsComponent = function (props) {
             editable: true,
         },
         {
-            title: 'Ministry',
+            title: "Ministry",
             dataIndex: "ministry",
             key: "ministry",
             align: "left",
@@ -24594,10 +24594,33 @@ var NdcDetailsComponent = function (props) {
             endDate: new Date("".concat(Number(range[0]), "-12-24 23:12:00")),
             nationalPlanObj: t("ndc:enterNewPlanTxt"),
             kpi: 0,
-            ministry: "Please add the Ministry name"
+            ministry: "Please add the Ministry name",
         };
         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,
@@ -24676,6 +24699,16 @@ var NdcDetailsComponent = function (props) {
                     React.createElement(Button, { type: "primary", onClick: onAddNewPeriod, htmlType: "submit", loading: loading }, t("ndc:submit")),
                     React.createElement(Button, { className: "back-btn", onClick: onCancelPeriod, loading: loading }, t("ndc:back"))))));
     }
+    function getSubNdcActionContent(record) {
+        selectedNdcDetail.current = record;
+        return (React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getSubNdcDetails(record.key), columns: columns, showHeader: false, pagination: false, footer: function () {
+                return (React.createElement(Row, { justify: "center" },
+                    React.createElement(Button, { onClick: onAddNewSubNdcDetail, type: "default", style: {
+                            marginBottom: 16,
+                            width: "100%",
+                        } }, t("ndc:addSubNdcAction"))));
+            } }));
+    }
     var onTabChange = function (key) {
         setSelectedTab(key);
     };
@@ -24687,7 +24720,17 @@ var NdcDetailsComponent = function (props) {
                 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 Agriculture, Water and Forestry (MAWF)",
+                subNdcDetails: [
+                    {
+                        key: 6,
+                        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: 2,
@@ -24695,7 +24738,7 @@ var NdcDetailsComponent = function (props) {
                 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 Tourism (MoT)",
             },
             {
                 key: 3,
@@ -24703,7 +24746,7 @@ var NdcDetailsComponent = function (props) {
                 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 Education, Arts and Culture (MoE)",
             },
             {
                 key: 4,
@@ -24711,7 +24754,7 @@ var NdcDetailsComponent = function (props) {
                 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, Forestry and Tourism (MEFT)",
             },
             {
                 key: 5,
@@ -24719,7 +24762,7 @@ var NdcDetailsComponent = function (props) {
                 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 Tourism (MoT)",
             },
         ];
         var initialPeriods = [
@@ -24762,7 +24805,11 @@ var NdcDetailsComponent = function (props) {
             React.createElement(Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
         selectedTab !== "add_new" && (React.createElement("div", null,
             React.createElement("div", null,
-                React.createElement(Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
+                React.createElement(Table, { key: tableKey, components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, expandable: {
+                        expandedRowRender: function (record) { return getSubNdcActionContent(record); },
+                        indentSize: 0,
+                        defaultExpandedRowKeys: [selectedNdcDetail.current.key]
+                    }, footer: function () {
                         return isAddNdcActionVisible() && (React.createElement(Row, { justify: "center" },
                             React.createElement(Button, { onClick: onAddNewNdcDetail, type: "default", style: {
                                     marginBottom: 16,