@undp/carbon-library 1.0.155 → 1.0.156-CARBON-343.0

package/dist/cjs/index.js

@@ -24619,14 +24619,19 @@ var NdcDetailsComponent = function (props) {
                 React.createElement("span", null, record.ministry))) : (React.createElement("input", { className: "ant-input", disabled: true, type: "text" })))); },
         },
         {
-            title: "operation",
+            title: "Action",
             dataIndex: "operation",
             render: function (_, record) {
                 var editable = isEditing(record);
                 return editable ? (React.createElement("span", null,
-                    React.createElement(antd.Typography.Link, { onClick: function () { return onHandleSave(record); }, style: { marginRight: 8 } }, "Save"),
-                    React.createElement(antd.Popconfirm, { title: "Sure to cancel?", onConfirm: onEditCancel },
-                        React.createElement("a", null, "Cancel")))) : (React.createElement(antd.Typography.Link, { disabled: editingKey !== "", onClick: function () { return onEditRow(record); } }, "Edit"));
+                    React.createElement(antd.Tooltip, { title: "Save" },
+                        React.createElement(antd.Typography.Link, { onClick: function () { return onHandleSave(record); }, style: { marginRight: 20 } },
+                            React.createElement(icons.SaveOutlined, null))),
+                    React.createElement(antd.Tooltip, { title: "Cancel" },
+                        React.createElement(antd.Typography.Link, { onClick: onEditCancel, style: { marginRight: 8 } },
+                            React.createElement(icons.ExclamationCircleOutlined, null))))) : (React.createElement(antd.Tooltip, { title: "Edit" },
+                    React.createElement(antd.Typography.Link, { disabled: editingKey !== "", onClick: function () { return onEditRow(record); } },
+                        React.createElement(icons.EditOutlined, null))));
             },
         },
     ];
@@ -24731,6 +24736,7 @@ var NdcDetailsComponent = function (props) {
     }
     var onTabChange = function (key) {
         setSelectedTab(key);
+        setEditingKey("");
     };
     React.useEffect(function () {
         var defaultNdcDetails = [