@undp/carbon-library 1.0.17-CARBON-363.1 → 1.0.17-CARBON-363.18

package/dist/cjs/index.js

@@ -26219,10 +26219,15 @@ var NdcDetailsComponent = function (props) {
     var selectedNdcDetail = React.useRef({});
     var _e = React.useState(0), tableKey = _e[0], setTableKey = _e[1];
     var _f = useConnection(), get = _f.get, post = _f.post, put = _f.put;
+    var _g = React.useState([]), ministryOrgList = _g[0], setMinistryOrgList = _g[1];
     var userInfoState = useUserContext().userInfoState;
-    var governmentMinistry = process.env.REACT_APP_GOVERNMENT_MINISTRY
+    var loginMinistry = (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT
         ? process.env.REACT_APP_GOVERNMENT_MINISTRY
-        : "Test ministryName";
+            ? process.env.REACT_APP_GOVERNMENT_MINISTRY
+            : "Test ministryName"
+        : (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY
+            ? userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName
+            : undefined;
     var isAddRangeVisible = ((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;
@@ -26232,7 +26237,16 @@ var NdcDetailsComponent = function (props) {
                 ndcDetail.actionType === NdcActionType.mainAction);
         })
         : [];
-    !selectedPeriod.finalized;
+    var isMainNdcActionsEditable = !selectedPeriod.finalized &&
+        (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 isSubNdcActionsEditable = function (record) {
+        return (!selectedPeriod.finalized &&
+            ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.GOVERNMENT ||
+                ((userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyRole) === exports.CompanyRole.MINISTRY &&
+                    (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.companyName) === record.ministryName)) &&
+            (userInfoState === null || userInfoState === void 0 ? void 0 : userInfoState.userRole) !== exports.Role.ViewOnly);
+    };
     var getSubNdcDetailsForPeriod = function (id) {
         var subNdcDetails = ndcDetailsData.filter(function (ndcDetail) {
             return (ndcDetail.parentActionId === id &&
@@ -26242,7 +26256,7 @@ var NdcDetailsComponent = function (props) {
             actionType: NdcActionType.subAction,
             nationalPlanObjective: "",
             kpi: 0,
-            ministryName: governmentMinistry,
+            ministryName: loginMinistry,
             status: NdcDetailsActionStatus.pending,
             parentActionId: id,
         };
@@ -26282,8 +26296,8 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "nationalPlanObjective",
             key: "nationalPlanObjective",
             align: "left",
-            editable: true,
             width: "50%",
+            editable: true,
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.nationalPlanObjective ? (React.createElement(antd.Space, { size: "middle" },
                 React.createElement("span", null, record.nationalPlanObjective))) : (React.createElement("input", { placeholder: "Please add the National Plan Objective", className: "ant-input", type: "text" })))); },
         },
@@ -26292,8 +26306,8 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "kpi",
             key: "kpi",
             align: "left",
-            editable: true,
             width: "10%",
+            editable: true,
             render: function (_, record) { return (React.createElement(React.Fragment, null, record.kpi ? (React.createElement(antd.Space, { size: "middle" },
                 React.createElement("span", null, record.kpi))) : (React.createElement("input", { placeholder: "Enter Kpi", className: "ant-input", type: "text" })))); },
         },
@@ -26302,10 +26316,10 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "ministryName",
             key: "ministryName",
             align: "left",
-            editable: true,
             width: "40%",
-            render: function (_, record) { return (React.createElement(React.Fragment, null, record.ministryName ? (React.createElement(antd.Space, { size: "middle" },
-                React.createElement("span", null, record.ministryName))) : (React.createElement("input", { placeholder: "Please add the ministryName name", className: "ant-input", type: "text" })))); },
+            editable: false,
+            render: function (_, record) { return (React.createElement(React.Fragment, null,
+                React.createElement(antd.Select, { disabled: !isSubNdcActionsEditable(record), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 320 }, onChange: function () { }, options: ministryOrgList }))); },
         },
     ];
     var columns = defaultColumns.map(function (col) {
@@ -26313,10 +26327,12 @@ var NdcDetailsComponent = function (props) {
             return col;
         }
         return __assign(__assign({}, col), { onCell: function (record) {
-                console.log('record', record);
+                console.log("record", record);
                 return {
                     record: record,
-                    editable: col.editable,
+                    editable: record.actionType === NdcActionType.mainAction
+                        ? isMainNdcActionsEditable
+                        : isSubNdcActionsEditable(record),
                     dataIndex: col.dataIndex,
                     title: col.title,
                     handleSave: handleSave,
@@ -26335,7 +26351,7 @@ var NdcDetailsComponent = function (props) {
                             actionType: NdcActionType.mainAction,
                             nationalPlanObjective: "",
                             kpi: 0,
-                            ministryName: governmentMinistry,
+                            ministryName: loginMinistry,
                             periodId: periodId,
                             status: NdcDetailsActionStatus.pending,
                         };
@@ -26507,9 +26523,31 @@ var NdcDetailsComponent = function (props) {
             }
         });
     }); };
+    var fetchMinistries = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var response, ministryOrgDetails;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, get("national/company/getMinistries")];
+                case 1:
+                    response = _a.sent();
+                    console.log('fetchMinistries', response);
+                    if (response && response.data) {
+                        ministryOrgDetails = response.data.map(function (value) {
+                            return {
+                                value: value.user_id,
+                                label: value.user_name,
+                            };
+                        });
+                        setMinistryOrgList(ministryOrgDetails);
+                    }
+                    return [2 /*return*/];
+            }
+        });
+    }); };
     React.useEffect(function () {
         fetchNdcDetailPeriods();
         fetchNdcDetailActions();
+        fetchMinistries();
     }, []);
     return (React.createElement("div", { className: "ndc-management content-container" },
         React.createElement("div", { className: "title-bar" },