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

package/dist/esm/index.js

@@ -26141,7 +26141,7 @@ var EditableCell = function (_a) {
         ] }, 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);
@@ -26531,12 +26529,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 +26563,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 &&