@bigbinary/neeto-molecules 1.0.49 → 1.0.51

package/dist/IpRestriction.cjs.js

@@ -3462,6 +3462,8 @@ var FormRow = function FormRow(_ref) {
   });
 };
 
+var Menu = neetoui.Dropdown.Menu,
+  MenuItem = neetoui.Dropdown.MenuItem;
 var Row = function Row(_ref) {
   var data = _ref.data,
     setEditingRow = _ref.setEditingRow;
@@ -3498,21 +3500,23 @@ var Row = function Row(_ref) {
     style: "body2"
   }, pure.truncate(data.ipEnd, TRUNCATE_LENGTH))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonStyle: "text",
+    icon: neetoIcons.MenuVertical,
+    position: "bottom-end"
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    "data-cy": "ip-range-edit-button",
+    onClick: function onClick() {
+      return setEditingRow(data.id);
+    }
+  }, t("neetoMolecules.common.actions.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
     "data-cy": "ip-range-delete-button",
-    icon: neetoIcons.Delete,
-    style: "text",
-    tooltipProps: {
-      content: "Delete",
-      position: "top"
-    },
     onClick: function onClick() {
       return setIsDeleteIpRangeAlertOpen(true);
     }
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
-    cancelButtonLabel: t("neetoMolecules.common.deleteAlert.no"),
+  }, t("neetoMolecules.common.actions.delete")))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: isDeleteIpRangeAlertOpen,
-    submitButtonLabel: t("neetoMolecules.common.deleteAlert.yes"),
+    submitButtonLabel: t("neetoMolecules.common.actions.delete"),
     message: t("neetoMolecules.ipRestriction.allowedIpRangeConfirmation", data),
     title: t("neetoMolecules.common.deleteAlert.title", {
       entity: t("neetoMolecules.ipRestriction.allowedIpRangeTitle")
@@ -3521,17 +3525,6 @@ var Row = function Row(_ref) {
       return setIsDeleteIpRangeAlertOpen(false);
     },
     onSubmit: handleDelete
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "ip-range-edit-button",
-    icon: neetoIcons.Edit,
-    style: "text",
-    tooltipProps: {
-      content: "Edit",
-      position: "top"
-    },
-    onClick: function onClick() {
-      return setEditingRow(data.id);
-    }
   })));
 };
 
@@ -3632,6 +3625,7 @@ var CurrentIp = function CurrentIp() {
     "data-cy": "current-ip-value",
     weight: "semibold"
   }, isLoading ? "..." : data.ip), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "pt-2",
     "data-cy": "current-ip-description",
     style: "body2"
   }, t("neetoMolecules.ipRestriction.currentIpDescription")));