@bigbinary/neeto-molecules 1.0.29 → 1.0.31

package/dist/IpRestriction.js

@@ -3393,6 +3393,7 @@ var FormRow = function FormRow(_ref) {
     onCollapse();
   };
   return /*#__PURE__*/React.createElement(Form, {
+    "data-cy": "allowed-ip-range-form",
     formikProps: {
       initialValues: data,
       validateOnBlur: isSubmitted,
@@ -3405,15 +3406,18 @@ var FormRow = function FormRow(_ref) {
   }, /*#__PURE__*/React.createElement(Input, {
     autoFocus: true,
     className: "w-5/12 flex-grow px-3 py-2 text-left",
+    "data-cy": "ip-start-text-field",
     name: "ipStart",
     placeholder: t("neetoMolecules.ipRestriction.ipStart")
   }), /*#__PURE__*/React.createElement(Input, {
     className: "w-5/12 flex-grow px-3 py-2 text-left",
+    "data-cy": "ip-end-text-field",
     name: "ipEnd",
     placeholder: t("neetoMolecules.ipRestriction.ipEnd")
   }), /*#__PURE__*/React.createElement("div", {
     className: "w-5/12 flex-grow px-3 py-2 text-center"
   }, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "save-changes-button",
     icon: Check,
     style: "text",
     type: "submit",
@@ -3425,6 +3429,7 @@ var FormRow = function FormRow(_ref) {
       return setIsSubmitted(true);
     }
   }), /*#__PURE__*/React.createElement(Button$1, {
+    "data-cy": "ip-cancel-button",
     icon: Close,
     style: "text",
     type: "reset",
@@ -3452,13 +3457,15 @@ var Row = function Row(_ref) {
     setIsDeleteIpRangeAlertOpen(false);
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-bg-white flex w-full flex-row justify-between px-1 py-2"
+    className: "neeto-ui-bg-white flex w-full flex-row justify-between px-1 py-2",
+    "data-cy": "ip-range-row"
   }, /*#__PURE__*/React.createElement(Tooltip, {
     content: data.ipStart,
     disabled: data.ipStart.length < TRUNCATE_LENGTH,
     position: "top"
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
+    "data-cy": "ip-range-start-value",
     style: "body2"
   }, truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React.createElement(Tooltip, {
     content: data.ipEnd,
@@ -3466,10 +3473,12 @@ var Row = function Row(_ref) {
     position: "top"
   }, /*#__PURE__*/React.createElement(Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
+    "data-cy": "ip-range-end-value",
     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, {
+    "data-cy": "ip-range-delete-button",
     icon: Delete,
     style: "text",
     tooltipProps: {
@@ -3492,6 +3501,7 @@ var Row = function Row(_ref) {
     },
     onSubmit: handleDelete
   }), /*#__PURE__*/React.createElement(Button$1, {
+    "data-cy": "ip-range-edit-button",
     icon: Edit,
     style: "text",
     tooltipProps: {
@@ -3518,13 +3528,16 @@ var AllowedIpRanges = function AllowedIpRanges() {
   var _useFetchAllowedIpRan = useFetchAllowedIpRanges(),
     allowedIpRanges = _useFetchAllowedIpRan.data;
   return /*#__PURE__*/React.createElement("div", {
-    className: "space-y-4"
+    className: "space-y-4",
+    "data-cy": "allowed-ip-range-container"
   }, /*#__PURE__*/React.createElement("div", {
     className: "flex flex-row items-center"
   }, /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "allowed-ip-range-heading",
     style: "h3"
   }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React.createElement(Button$1, {
     className: "ml-2",
+    "data-cy": "add-allowed-ip-range-button",
     disabled: showAddNew,
     icon: Plus,
     size: "small",
@@ -3590,10 +3603,15 @@ var CurrentIp = function CurrentIp() {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React.createElement(Typography, null, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React.createElement(Typography, {
+    className: "space-y-1",
+    "data-cy": "current-ip-container"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "current-ip-heading"
+  }, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "current-ip-value",
     weight: "semibold"
   }, isLoading ? "..." : data.ip), /*#__PURE__*/React.createElement(Typography, {
+    "data-cy": "current-ip-description",
     style: "body2"
   }, t("neetoMolecules.ipRestriction.currentIpDescription")));
 };
@@ -3651,15 +3669,18 @@ var IpRestriction = function IpRestriction() {
     /*#__PURE__*/
     // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
     React.createElement("div", {
-      className: "neeto-ui-bg-white neeto-ui-border-gray-200 mx-auto mb-4 w-full space-y-4 rounded-sm border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl"
+      className: "neeto-ui-bg-white neeto-ui-border-gray-200 neeto-ui-rounded-sm mx-auto mb-4 w-full space-y-4 border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
+      "data-cy": "ip-restrictions-card"
     }, /*#__PURE__*/React.createElement("div", {
       className: "space-y-1 p-4"
     }, /*#__PURE__*/React.createElement(Switch, {
       checked: data.isIpRestrictionEnabled,
+      "data-cy": "enable-ip-restriction-switch",
       disabled: isFetching || isUpdating,
       label: t("neetoMolecules.ipRestriction.switchLabel"),
       onChange: handleSwitchButtonChange
     }), /*#__PURE__*/React.createElement(Typography, {
+      "data-cy": "ip-restriction-description",
       style: "body3"
     }, t("neetoMolecules.ipRestriction.description"))), data.isIpRestrictionEnabled && /*#__PURE__*/React.createElement("div", {
       className: "neeto-ui-bg-gray-100 w-full space-y-4 p-4"