@undp/carbon-library 1.0.135-CARBON-343.11 → 1.0.135-CARBON-343.13

package/dist/cjs/index.js

@@ -23628,7 +23628,7 @@ var css_248z$4 = ".steps-actions {\n  display: flex;\n  flex-direction: row-reve
 styleInject(css_248z$4);
 
 var NdcDetailsComponent = function (props) {
-    var t = props.t; props.useConnection;
+    var t = props.t; props.useConnection; var useUserContext = props.useUserContext;
     var RangePicker = antd.DatePicker.RangePicker;
     var _a = React.useState([]), ndcDetailsData = _a[0], setNdcDetailsData = _a[1];
     var _b = React.useState(false), loading = _b[0]; _b[1];
@@ -23636,6 +23636,19 @@ var NdcDetailsComponent = function (props) {
     var _c = React.useState([]), periodItems = _c[0], setPeriodItems = _c[1];
     var _d = React.useState("add_new"), selectedTab = _d[0], setSelectedTab = _d[1];
     var selectedPeriod = React.useRef({});
+    var userInfoState = useUserContext().userInfoState;
+    var isAddRangeVisible = function () {
+        return (((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY ||
+            (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 isAddNdcActionVisible = function () {
+        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 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; });
@@ -23644,7 +23657,16 @@ var NdcDetailsComponent = function (props) {
         setNdcDetailsData(newData);
     };
     var getNdcDetailsForPeriod = function () {
-        return ndcDetailsData;
+        var range = selectedTab.split("-");
+        if (range.length > 1) {
+            var filteredData = ndcDetailsData.filter(function (item) {
+                return inRange(Number(moment(item.startDate).year()), Number(range[0]), Number(range[1]));
+            });
+            return filteredData;
+        }
+        else {
+            return [];
+        }
     };
     var defaultColumns = [
         {
@@ -23713,9 +23735,6 @@ var NdcDetailsComponent = function (props) {
         );
     }
     var onCancelPeriod = function () { };
-    var inRange = function (num, min, max) {
-        return num >= min && num <= max;
-    };
     var onAddNewPeriod = function () {
         if (selectedPeriod && selectedPeriod.current) {
             var newPeriodItem_1 = {
@@ -23776,8 +23795,8 @@ var NdcDetailsComponent = function (props) {
                 kpi: 25,
             },
             {
-                startDate: new Date("2018-03-25"),
-                endDate: new Date("2019-03-25"),
+                startDate: new Date("2019-03-25"),
+                endDate: new Date("2019-08-25"),
                 nationalPlanObj: "Strengthen the private sector to create 10,000 jobs",
                 kpi: 10500,
             },
@@ -23801,11 +23820,6 @@ var NdcDetailsComponent = function (props) {
             },
         ];
         var initialPeriods = [
-            {
-                key: "add_new",
-                label: "Add New",
-                children: addNewPeriodContent(),
-            },
             {
                 key: "2019-2020",
                 label: "2019-2020",
@@ -23814,18 +23828,22 @@ var NdcDetailsComponent = function (props) {
                 children: ndcDetailsTableContent(),
             },
             {
-                key: "2020-2023",
-                label: "2020-2023",
-                start: 2020,
-                end: 2023,
+                key: "2021-2023",
+                label: "2021-2023",
+                start: 2021,
+                end: 2021,
                 children: ndcDetailsTableContent(),
-            }
+            },
         ];
-        ({
-            key: "add_new",
-            label: "Add New",
-            children: addNewPeriodContent(),
-        });
+        if (isAddRangeVisible()) {
+            initialPeriods.unshift({
+                key: "add_new",
+                label: "Add New",
+                start: 0,
+                end: 0,
+                children: addNewPeriodContent(),
+            });
+        }
         setPeriodItems(initialPeriods);
         periodItemsRef.current = initialPeriods;
         setNdcDetailsData(defaultNdcDetails);
@@ -23840,11 +23858,13 @@ var NdcDetailsComponent = function (props) {
             React.createElement(antd.Tabs, { centered: false, defaultActiveKey: "1", items: periodItems, activeKey: selectedTab, onChange: onTabChange })),
         selectedTab !== "add_new" && (React.createElement("div", null,
             React.createElement("div", null,
-                React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () { return (React.createElement(antd.Row, { justify: "center" },
-                        React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
-                                marginBottom: 16,
-                                width: "100%",
-                            } }, t("ndc:addNdcAction")))); } }))))));
+                React.createElement(antd.Table, { components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: getNdcDetailsForPeriod(), columns: columns, footer: function () {
+                        return isAddNdcActionVisible() && (React.createElement(antd.Row, { justify: "center" },
+                            React.createElement(antd.Button, { onClick: onAddNewNdcDetail, type: "default", style: {
+                                    marginBottom: 16,
+                                    width: "100%",
+                                } }, t("ndc:addNdcAction"))));
+                    } }))))));
 };
 
 var ImgWithFallback = function (_a) {