@bigbinary/neeto-molecules 1.0.30 → 1.0.31

package/dist/IpRestriction.cjs.js

@@ -3419,6 +3419,7 @@ var FormRow = function FormRow(_ref) {
     onCollapse();
   };
   return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    "data-cy": "allowed-ip-range-form",
     formikProps: {
       initialValues: data,
       validateOnBlur: isSubmitted,
@@ -3431,15 +3432,18 @@ var FormRow = function FormRow(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(formik.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__default["default"].createElement(formik.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__default["default"].createElement("div", {
     className: "w-5/12 flex-grow px-3 py-2 text-center"
   }, /*#__PURE__*/React__default["default"].createElement(formik.Button, {
+    "data-cy": "save-changes-button",
     icon: neetoIcons.Check,
     style: "text",
     type: "submit",
@@ -3451,6 +3455,7 @@ var FormRow = function FormRow(_ref) {
       return setIsSubmitted(true);
     }
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ip-cancel-button",
     icon: neetoIcons.Close,
     style: "text",
     type: "reset",
@@ -3478,13 +3483,15 @@ var Row = function Row(_ref) {
     setIsDeleteIpRangeAlertOpen(false);
   };
   return /*#__PURE__*/React__default["default"].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__default["default"].createElement(neetoui.Tooltip, {
     content: data.ipStart,
     disabled: data.ipStart.length < TRUNCATE_LENGTH,
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
+    "data-cy": "ip-range-start-value",
     style: "body2"
   }, pure.truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
     content: data.ipEnd,
@@ -3492,10 +3499,12 @@ var Row = function Row(_ref) {
     position: "top"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
+    "data-cy": "ip-range-end-value",
     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, {
+    "data-cy": "ip-range-delete-button",
     icon: neetoIcons.Delete,
     style: "text",
     tooltipProps: {
@@ -3518,6 +3527,7 @@ var Row = function Row(_ref) {
     },
     onSubmit: handleDelete
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "ip-range-edit-button",
     icon: neetoIcons.Edit,
     style: "text",
     tooltipProps: {
@@ -3544,13 +3554,16 @@ var AllowedIpRanges = function AllowedIpRanges() {
   var _useFetchAllowedIpRan = useFetchAllowedIpRanges(),
     allowedIpRanges = _useFetchAllowedIpRan.data;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-4"
+    className: "space-y-4",
+    "data-cy": "allowed-ip-range-container"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex flex-row items-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "allowed-ip-range-heading",
     style: "h3"
   }, t("neetoMolecules.ipRestriction.allowedIpRangeTitle")), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
     className: "ml-2",
+    "data-cy": "add-allowed-ip-range-button",
     disabled: showAddNew,
     icon: neetoIcons.Plus,
     size: "small",
@@ -3616,10 +3629,15 @@ var CurrentIp = function CurrentIp() {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "space-y-1"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    className: "space-y-1",
+    "data-cy": "current-ip-container"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "current-ip-heading"
+  }, t("neetoMolecules.ipRestriction.currentIpTitle")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "current-ip-value",
     weight: "semibold"
   }, isLoading ? "..." : data.ip), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "current-ip-description",
     style: "body2"
   }, t("neetoMolecules.ipRestriction.currentIpDescription")));
 };
@@ -3677,15 +3695,18 @@ var IpRestriction = function IpRestriction() {
     /*#__PURE__*/
     // eslint-disable-next-line @bigbinary/neeto/use-neetoui-classes
     React__default["default"].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__default["default"].createElement("div", {
       className: "space-y-1 p-4"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Switch, {
       checked: data.isIpRestrictionEnabled,
+      "data-cy": "enable-ip-restriction-switch",
       disabled: isFetching || isUpdating,
       label: t("neetoMolecules.ipRestriction.switchLabel"),
       onChange: handleSwitchButtonChange
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      "data-cy": "ip-restriction-description",
       style: "body3"
     }, t("neetoMolecules.ipRestriction.description"))), data.isIpRestrictionEnabled && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "neeto-ui-bg-gray-100 w-full space-y-4 p-4"