@undp/carbon-library 1.0.135-CARBON-343.12 → 1.0.135-CARBON-343.14

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,16 @@ 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;
     };
@@ -23687,11 +23697,12 @@ var NdcDetailsComponent = function (props) {
             }); } });
     });
     function onAddNewNdcDetail() {
+        var range = selectedTab.split("-");
         var newData = {
-            startDate: new Date("2014-12-24 23:12:00"),
-            endDate: new Date("2014-12-24 23:12:00"),
-            nationalPlanObj: "sample text2",
-            kpi: 34,
+            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,
         };
         setNdcDetailsData(__spreadArray(__spreadArray([], ndcDetailsData, true), [newData], false));
     }
@@ -23785,8 +23796,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,
             },
@@ -23810,11 +23821,6 @@ var NdcDetailsComponent = function (props) {
             },
         ];
         var initialPeriods = [
-            {
-                key: "add_new",
-                label: "Add New",
-                children: addNewPeriodContent(),
-            },
             {
                 key: "2019-2020",
                 label: "2019-2020",
@@ -23823,18 +23829,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);
@@ -23849,11 +23859,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) {