@undp/carbon-library 1.0.175-CARBON-363.59 → 1.0.175-CARBON-363.73

package/dist/cjs/types/Components/Common/AntComponents/antTableComponents.d.ts

@@ -18,6 +18,7 @@ interface EditableCellProps extends React.HTMLAttributes<HTMLElement> {
     index: number;
     children: React.ReactNode;
     onBlurHandler: any;
+    t: any;
 }
 export declare const EditableCell: React.FC<EditableCellProps>;
 export {};

package/dist/esm/index.js

@@ -26125,23 +26125,23 @@ var RegistryDashboardComponent = function (props) {
 
 React.createContext(null);
 var EditableCell = function (_a) {
-    var editing = _a.editing, dataIndex = _a.dataIndex, title = _a.title; _a.inputType; var record = _a.record; _a.index; var children = _a.children, onBlurHandler = _a.onBlurHandler, restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children", "onBlurHandler"]);
+    var editing = _a.editing, dataIndex = _a.dataIndex, title = _a.title; _a.inputType; var record = _a.record; _a.index; var children = _a.children, onBlurHandler = _a.onBlurHandler, t = _a.t, restProps = __rest(_a, ["editing", "dataIndex", "title", "inputType", "record", "index", "children", "onBlurHandler", "t"]);
     var inputNode;
     if (dataIndex === "nationalPlanObjective") {
-        inputNode = (React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: "Enter National Plan Objective" }));
+        inputNode = (React.createElement(Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:nationalPlanObjectivePlaceHolder") }));
     }
     else if (dataIndex === "kpi") {
-        inputNode = (React.createElement(InputNumber, { onBlur: function () { return onBlurHandler(record); }, placeholder: "Enter Kpi" }));
+        inputNode = (React.createElement(InputNumber, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }));
     }
     return (React.createElement("td", __assign({}, restProps), editing ? (React.createElement(Form.Item, { name: dataIndex, style: { margin: 0 }, rules: [
             {
                 required: true,
-                message: "Please Input ".concat(title, "!"),
+                message: "".concat(title, " ").concat(t("ndc:isRequired")),
             },
         ] }, inputNode)) : (children)));
 };
 
-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\n.ndc-details .ant-table-expanded-row .ant-table-cell {\n  padding-left: 33px; }\n\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n";
+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\n.ndc-details .ant-input-number-input-wrap {\n  margin-right: 10px; }\n";
 styleInject(css_248z$4);
 
 var NdcDetailsActionType;
@@ -26269,7 +26269,7 @@ var NdcDetailsComponent = function (props) {
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    _a.trys.push([0, 9, 10, 11]);
+                    _a.trys.push([0, 9, , 10]);
                     updatedFields = void 0;
                     _a.label = 1;
                 case 1:
@@ -26304,20 +26304,18 @@ var NdcDetailsComponent = function (props) {
                 case 8:
                     fetchNdcDetailActions();
                     setEditingKey(-1);
-                    return [3 /*break*/, 11];
+                    return [3 /*break*/, 10];
                 case 9:
                     exception_2 = _a.sent();
+                    setEditingKey(-1);
                     message.open({
                         type: "error",
                         content: exception_2.message,
                         duration: 3,
                         style: { textAlign: "right", marginRight: 15, marginTop: 10 },
                     });
-                    return [3 /*break*/, 11];
-                case 10:
-                    setEditingKey(-1);
-                    return [7 /*endfinally*/];
-                case 11: return [2 /*return*/];
+                    return [3 /*break*/, 10];
+                case 10: return [2 /*return*/];
             }
         });
     }); };
@@ -26368,7 +26366,7 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "nationalPlanObjective",
             key: "nationalPlanObjective",
             align: "left",
-            width: 300,
+            width: 400,
             editable: true,
             render: function (_, record) { return (React.createElement(Space, { size: "middle" }, record.nationalPlanObjective ? (React.createElement("span", null, record.nationalPlanObjective)) : (React.createElement(Input, { placeholder: "Enter National Plan Objective" })))); },
         },
@@ -26386,10 +26384,10 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "ministryName",
             key: "ministryName",
             align: "left",
-            width: 200,
+            width: 300,
             editable: false,
             render: function (_, record) { return (React.createElement(React.Fragment, null,
-                React.createElement(Select, { disabled: !(isSubNdcActionsEditable(record) && isEditing(record)), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 320 }, onChange: function (value, option) {
+                React.createElement(Select, { disabled: !(isSubNdcActionsEditable(record) && isEditing(record)), defaultValue: record.ministryName ? record.ministryName : loginMinistry, style: { width: 220 }, onChange: function (value, option) {
                         record.ministryName = option.label;
                         handleSave(record);
                     }, options: ministryOrgList }))); },
@@ -26399,7 +26397,7 @@ var NdcDetailsComponent = function (props) {
             dataIndex: "status",
             key: "status",
             align: "left",
-            width: "15%",
+            width: 200,
             editable: false,
             render: function (_, record) {
                 var menu = actionMenu(record);
@@ -26431,6 +26429,7 @@ var NdcDetailsComponent = function (props) {
                             handleSave(record);
                         }
                     },
+                    t: t,
                 };
             } });
     });
@@ -26485,6 +26484,15 @@ var NdcDetailsComponent = function (props) {
     var onClickedFinalizePeriod = function () { return __awaiter(void 0, void 0, void 0, function () {
         var pendingActions;
         return __generator(this, function (_a) {
+            if (subNdcActionsForPeriod.length === 0) {
+                message.open({
+                    type: "error",
+                    content: t("ndc:finalizeNdcEmptyErrorText"),
+                    duration: 3,
+                    style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                });
+                return [2 /*return*/];
+            }
             pendingActions = subNdcActionsForPeriod.filter(function (action) {
                 return action.status === NdcDetailsActionStatus.Pending;
             });
@@ -26531,12 +26539,11 @@ var NdcDetailsComponent = function (props) {
             React.createElement(Row, null,
                 React.createElement(Col, { span: 24 },
                     React.createElement(Form, { form: form, component: false },
-                        React.createElement(Table, { key: tableKey, rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, bordered: true, loading: loading, dataSource: ndcMainDetailsForPeriod, columns: columns, expandedRowKeys: expandedRowKeys, onExpand: onMainTableRowExpand, expandable: {
+                        React.createElement(Table, { tableLayout: "fixed", key: tableKey, rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, bordered: true, loading: loading, dataSource: ndcMainDetailsForPeriod, columns: columns, expandedRowKeys: expandedRowKeys, onExpand: onMainTableRowExpand, expandable: {
                                 expandedRowRender: function (record) {
                                     return subNdcActionTableContent();
                                 },
-                                indentSize: 30,
-                                columnWidth: 30,
+                                columnWidth: 40,
                             }, onRow: function (record, rowIndex) {
                                 return {
                                     onClick: function (event) {
@@ -26566,7 +26573,7 @@ var NdcDetailsComponent = function (props) {
                 React.createElement(Button, { className: "mg-left-1", type: "primary", onClick: onClickedFinalizePeriod, htmlType: "submit", loading: loading }, t("ndc:finalize")))) : ("")));
     }
     function subNdcActionTableContent(record) {
-        return (React.createElement(Table, { rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: subNdcActionsForPeriod, loading: loading, onRow: function (record, rowIndex) {
+        return (React.createElement(Table, { tableLayout: "fixed", rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, bordered: true, dataSource: subNdcActionsForPeriod, loading: loading, onRow: function (record, rowIndex) {
                 return {
                     onClick: function (event) {
                         if (record.id &&
@@ -26697,13 +26704,43 @@ var NdcDetailsComponent = function (props) {
                     });
                     return [3 /*break*/, 11];
                 case 11:
-                    if (actionResponse &&
-                        (actionInfo.action === "Delete" || actionInfo.action === "Finalize")) {
-                        fetchNdcDetailPeriods();
-                    }
-                    else if (actionResponse &&
-                        (actionInfo.action === "Approve" || actionInfo.action === "Reject")) {
-                        fetchNdcDetailActions();
+                    if (actionResponse) {
+                        if (actionInfo.action === "Delete") {
+                            message.open({
+                                type: "success",
+                                content: t("ndc:deletePeriodSuccessMsg"),
+                                duration: 3,
+                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                            });
+                            fetchNdcDetailPeriods();
+                        }
+                        else if (actionInfo.action === "Finalize") {
+                            message.open({
+                                type: "success",
+                                content: t("ndc:finalizeSuccessMsg"),
+                                duration: 3,
+                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                            });
+                            fetchNdcDetailPeriods();
+                        }
+                        else if (actionInfo.action === "Approve") {
+                            message.open({
+                                type: "success",
+                                content: t("ndc:approveSuccessMsg"),
+                                duration: 3,
+                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                            });
+                            fetchNdcDetailActions();
+                        }
+                        else if (actionInfo.action === "Reject") {
+                            message.open({
+                                type: "success",
+                                content: t("ndc:rejectSuccessMsg"),
+                                duration: 3,
+                                style: { textAlign: "right", marginRight: 15, marginTop: 10 },
+                            });
+                            fetchNdcDetailActions();
+                        }
                     }
                     setOpenConfirmationModal(false);
                     setLoading(false);