@undp/carbon-library 1.0.274-CARBON-363.44 → 1.0.274-CARBON-363.50

package/dist/cjs/index.js

@@ -26720,7 +26720,7 @@ var EditableCell = function (_a) {
         React.createElement(antd.Input, { onBlur: function () { return onBlurHandler(record); }, placeholder: t("ndc:kpiPlaceHolder") }))) : (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-input-number-input-wrap {\n  margin-right: 10px; }\n\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n\n.ndc-details .btnAddNewMainAct {\n  margin-bottom: 16;\n  width: 100%;\n  height: 45px;\n  border-radius: 10px;\n  border: 1px solid rgba(58, 53, 65, 0.5);\n  background: #FFF;\n  color: #16b1ff;\n  text-align: center;\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500; }\n\n.ndc-details .btnAddNewMainAct:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  border-color: #d9d9d9;\n  background: #f5f5f5;\n  text-shadow: none;\n  box-shadow: none; }\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\n.ndc-details tbody {\n  vertical-align: top; }\n\n.ndc-details td .ant-space-item {\n  margin-top: 5px; }\n\n.ndc-details .btn-danger {\n  color: #ff4d4f !important;\n  border-color: #ff8183 !important; }\n\n.ndc-details .btnAddNewMainAct {\n  margin-bottom: 16;\n  width: 100%;\n  height: 45px;\n  border-radius: 10px;\n  border: 1px solid rgba(58, 53, 65, 0.5);\n  background: #fff;\n  color: #16b1ff;\n  text-align: center;\n  font-family: Inter;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 500; }\n\n.ndc-details .btnAddNewMainAct:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  border-color: #d9d9d9;\n  background: #f5f5f5;\n  text-shadow: none;\n  box-shadow: none; }\n\n.ndc-details .footer-btns:disabled {\n  color: rgba(0, 0, 0, 0.25);\n  border-color: #d9d9d9;\n  background: #f5f5f5;\n  text-shadow: none;\n  box-shadow: none; }\n";
 styleInject(css_248z$4);
 
 var NdcDetailsActionType;
@@ -26878,6 +26878,15 @@ var NdcDetailsComponent = function (props) {
                     _a.sent();
                     return [2 /*return*/];
                 case 4:
+                    if (!updatedFields) {
+                        setEditingKey(null);
+                        return [2 /*return*/];
+                    }
+                    else if (updatedFields.kpi === row.kpi &&
+                        updatedFields.nationalPlanObjective === row.nationalPlanObjective) {
+                        setEditingKey(null);
+                        return [2 /*return*/];
+                    }
                     updatedItem = __assign(__assign({}, row), updatedFields);
                     if (!(updatedItem.status === NdcDetailsActionStatus.New)) return [3 /*break*/, 6];
                     if (isGovernmentUser &&
@@ -26923,6 +26932,7 @@ var NdcDetailsComponent = function (props) {
                     {
                         text: t("ndc:approve"),
                         icon: React.createElement(Icon__namespace.BoxArrowInDown, null),
+                        style: "color-primary",
                         click: function () {
                             setActionInfo({
                                 action: "Approve",
@@ -26937,6 +26947,7 @@ var NdcDetailsComponent = function (props) {
                     {
                         text: t("ndc:reject"),
                         icon: React.createElement(Icon__namespace.XOctagon, null),
+                        style: "color-error",
                         click: function () {
                             setActionInfo({
                                 action: "Reject",
@@ -26949,7 +26960,7 @@ var NdcDetailsComponent = function (props) {
                         },
                     },
                 ], renderItem: function (item) { return (React.createElement(antd.List.Item, { onClick: item.click },
-                    React.createElement(antd.Typography.Text, { className: "action-icon color-error" }, item.icon),
+                    React.createElement(antd.Typography.Text, { className: "action-icon ".concat(item.style) }, item.icon),
                     React.createElement("span", null, item.text))); } }));
         }
         else {
@@ -27188,8 +27199,8 @@ var NdcDetailsComponent = function (props) {
                                     React.createElement(antd.Button, { className: "btnAddNewMainAct", disabled: isMainActionInEditMode(), onClick: onClickedAddNewNdcDetail, type: "default" }, t("ndc:addNdcAction"))));
                             } })))),
             isGovernmentUser && !selectedPeriod.finalized ? (React.createElement(antd.Row, { justify: "end" },
-                React.createElement(antd.Button, { className: "mg-left-1 btn-danger", onClick: onClickedDeletePeriod, htmlType: "submit", disabled: isMainActionInEditMode(), loading: loading }, t("ndc:delete")),
-                React.createElement(antd.Button, { className: "mg-left-1", type: "primary", onClick: onClickedFinalizePeriod, disabled: isMainActionInEditMode(), htmlType: "submit", loading: loading }, t("ndc:finalize")))) : ("")));
+                React.createElement(antd.Button, { className: "mg-left-1 btn-danger footer-btns", onClick: onClickedDeletePeriod, htmlType: "submit", disabled: isMainActionInEditMode(), loading: loading }, t("ndc:delete")),
+                React.createElement(antd.Button, { className: "mg-left-1 footer-btns", type: "primary", onClick: onClickedFinalizePeriod, disabled: isMainActionInEditMode(), htmlType: "submit", loading: loading }, t("ndc:finalize")))) : ("")));
     }
     function subNdcActionTableContent(record) {
         return (React.createElement(antd.Table, { tableLayout: "fixed", rowKey: "id", components: components, rowClassName: function () { return "editable-row"; }, className: "common-table-class", bordered: true, dataSource: subNdcActionsForPeriod, loading: loading, onRow: function (record, rowIndex) {