@bigbinary/neeto-molecules 1.0.49 → 1.0.51

package/dist/IpRestriction.js

@@ -1,8 +1,8 @@
 import React, { useState } from 'react';
-import { Typography, Button as Button$1, Tooltip, Alert, Switch } from '@bigbinary/neetoui';
+import { Typography, Button as Button$1, Dropdown, Tooltip, Alert, Switch } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
 import { Neeto } from '@bigbinary/neeto-icons/logos';
-import { Check, Close, Delete, Edit, Plus } from '@bigbinary/neeto-icons';
+import { Check, Close, MenuVertical, Plus } from '@bigbinary/neeto-icons';
 import { Form, Input, Button } from '@bigbinary/neetoui/formik';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import axios from 'axios';
@@ -3436,6 +3436,8 @@ var FormRow = function FormRow(_ref) {
   });
 };
 
+var Menu = Dropdown.Menu,
+  MenuItem = Dropdown.MenuItem;
 var Row = function Row(_ref) {
   var data = _ref.data,
     setEditingRow = _ref.setEditingRow;
@@ -3472,21 +3474,23 @@ var Row = function Row(_ref) {
     style: "body2"
   }, truncate(data.ipEnd, TRUNCATE_LENGTH))), /*#__PURE__*/React.createElement("div", {
     className: "w-4/12 flex-grow px-3 py-2 text-center"
-  }, /*#__PURE__*/React.createElement(Button$1, {
+  }, /*#__PURE__*/React.createElement(Dropdown, {
+    buttonStyle: "text",
+    icon: MenuVertical,
+    position: "bottom-end"
+  }, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+    "data-cy": "ip-range-edit-button",
+    onClick: function onClick() {
+      return setEditingRow(data.id);
+    }
+  }, t("neetoMolecules.common.actions.edit")), /*#__PURE__*/React.createElement(MenuItem.Button, {
     "data-cy": "ip-range-delete-button",
-    icon: Delete,
-    style: "text",
-    tooltipProps: {
-      content: "Delete",
-      position: "top"
-    },
     onClick: function onClick() {
       return setIsDeleteIpRangeAlertOpen(true);
     }
-  }), /*#__PURE__*/React.createElement(Alert, {
-    cancelButtonLabel: t("neetoMolecules.common.deleteAlert.no"),
+  }, t("neetoMolecules.common.actions.delete")))), /*#__PURE__*/React.createElement(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")
@@ -3495,17 +3499,6 @@ var Row = function Row(_ref) {
       return setIsDeleteIpRangeAlertOpen(false);
     },
     onSubmit: handleDelete
-  }), /*#__PURE__*/React.createElement(Button$1, {
-    "data-cy": "ip-range-edit-button",
-    icon: Edit,
-    style: "text",
-    tooltipProps: {
-      content: "Edit",
-      position: "top"
-    },
-    onClick: function onClick() {
-      return setEditingRow(data.id);
-    }
   })));
 };
 
@@ -3606,6 +3599,7 @@ var CurrentIp = function CurrentIp() {
     "data-cy": "current-ip-value",
     weight: "semibold"
   }, isLoading ? "..." : data.ip), /*#__PURE__*/React.createElement(Typography, {
+    className: "pt-2",
     "data-cy": "current-ip-description",
     style: "body2"
   }, t("neetoMolecules.ipRestriction.currentIpDescription")));