@bigbinary/neeto-molecules 1.0.21 → 1.0.23

package/dist/IpRestriction.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Typography, Button as Button$1, Alert, Switch } from '@bigbinary/neetoui';
+import { Typography, Button as Button$1, 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';
@@ -7,7 +7,7 @@ import { Form, Input, Button } from '@bigbinary/neetoui/formik';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import axios from 'axios';
 import { t as t$1 } from 'i18next';
-import { isNotNil } from '@bigbinary/neeto-commons-frontend/pure';
+import { isNotNil, truncate } from '@bigbinary/neeto-commons-frontend/pure';
 import { isNil } from 'ramda';
 import * as yup from 'yup';
 
@@ -306,7 +306,7 @@ function _slicedToArray(arr, i) {
 
 function cov_1cujarweav() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/IpRestriction/constants.js";
-  var hash = "0b8756e4b8928dd48505dca1e544ef83bab6cbdf";
+  var hash = "ebde9f194323d82d4c6984fbf00d33175b3c14e2";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -341,6 +341,16 @@ function cov_1cujarweav() {
           line: 12,
           column: 1
         }
+      },
+      "3": {
+        start: {
+          line: 14,
+          column: 31
+        },
+        end: {
+          line: 14,
+          column: 33
+        }
       }
     },
     fnMap: {},
@@ -348,12 +358,13 @@ function cov_1cujarweav() {
     s: {
       "0": 0,
       "1": 0,
-      "2": 0
+      "2": 0,
+      "3": 0
     },
     f: {},
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "0b8756e4b8928dd48505dca1e544ef83bab6cbdf"
+    hash: "ebde9f194323d82d4c6984fbf00d33175b3c14e2"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -379,6 +390,7 @@ var QUERY_KEYS = (cov_1cujarweav().s[2]++, {
   ALLOWED_IP_RANGES: "ALLOWED_IP_RANGES",
   CURRENT_IP: "CURRENT_IP"
 });
+var TRUNCATE_LENGTH = (cov_1cujarweav().s[3]++, 18);
 
 function cov_xk0z0bw2i() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/IpRestriction/apis/allowed_ip_ranges.js";
@@ -5806,7 +5818,7 @@ var FormRow = function FormRow(_ref) {
 
 function cov_l7fpuvaq6() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/IpRestriction/Row.jsx";
-  var hash = "0b42a2c717b80817fb83fe17a29e273da1efced9";
+  var hash = "7aa78bc3a3cecfa7aaeda9ea5cb1611d30c5a57a";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -5814,111 +5826,111 @@ function cov_l7fpuvaq6() {
     statementMap: {
       "0": {
         start: {
-          line: 9,
+          line: 11,
           column: 12
         },
         end: {
-          line: 71,
+          line: 85,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 11,
+          line: 13,
           column: 4
         },
         end: {
-          line: 11,
+          line: 13,
           column: 19
         }
       },
       "2": {
         start: {
-          line: 13,
+          line: 15,
           column: 44
         },
         end: {
-          line: 13,
+          line: 15,
           column: 71
         }
       },
       "3": {
         start: {
-          line: 14,
+          line: 16,
           column: 16
         },
         end: {
-          line: 14,
+          line: 16,
           column: 32
         }
       },
       "4": {
         start: {
-          line: 16,
+          line: 18,
           column: 23
         },
         end: {
-          line: 19,
+          line: 21,
           column: 3
         }
       },
       "5": {
         start: {
-          line: 17,
+          line: 19,
           column: 4
         },
         end: {
-          line: 17,
+          line: 19,
           column: 35
         }
       },
       "6": {
         start: {
-          line: 18,
+          line: 20,
           column: 4
         },
         end: {
-          line: 18,
+          line: 20,
           column: 39
         }
       },
       "7": {
         start: {
-          line: 21,
+          line: 23,
           column: 2
         },
         end: {
-          line: 70,
+          line: 84,
           column: 4
         }
       },
       "8": {
         start: {
-          line: 43,
+          line: 57,
           column: 25
         },
         end: {
-          line: 43,
+          line: 57,
           column: 58
         }
       },
       "9": {
         start: {
-          line: 56,
+          line: 70,
           column: 25
         },
         end: {
-          line: 56,
+          line: 70,
           column: 59
         }
       },
       "10": {
         start: {
-          line: 66,
+          line: 80,
           column: 25
         },
         end: {
-          line: 66,
+          line: 80,
           column: 47
         }
       }
@@ -5928,121 +5940,121 @@ function cov_l7fpuvaq6() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 9,
+            line: 11,
             column: 12
           },
           end: {
-            line: 9,
+            line: 11,
             column: 13
           }
         },
         loc: {
           start: {
-            line: 9,
+            line: 11,
             column: 41
           },
           end: {
-            line: 71,
+            line: 85,
             column: 1
           }
         },
-        line: 9
+        line: 11
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 16,
+            line: 18,
             column: 23
           },
           end: {
-            line: 16,
+            line: 18,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 16,
+            line: 18,
             column: 29
           },
           end: {
-            line: 19,
+            line: 21,
             column: 3
           }
         },
-        line: 16
+        line: 18
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 43,
+            line: 57,
             column: 19
           },
           end: {
-            line: 43,
+            line: 57,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 43,
+            line: 57,
             column: 25
           },
           end: {
-            line: 43,
+            line: 57,
             column: 58
           }
         },
-        line: 43
+        line: 57
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 56,
+            line: 70,
             column: 19
           },
           end: {
-            line: 56,
+            line: 70,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 56,
+            line: 70,
             column: 25
           },
           end: {
-            line: 56,
+            line: 70,
             column: 59
           }
         },
-        line: 56
+        line: 70
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 66,
+            line: 80,
             column: 19
           },
           end: {
-            line: 66,
+            line: 80,
             column: 20
           }
         },
         loc: {
           start: {
-            line: 66,
+            line: 80,
             column: 25
           },
           end: {
-            line: 66,
+            line: 80,
             column: 47
           }
         },
-        line: 66
+        line: 80
       }
     },
     branchMap: {},
@@ -6068,7 +6080,7 @@ function cov_l7fpuvaq6() {
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "0b42a2c717b80817fb83fe17a29e273da1efced9"
+    hash: "7aa78bc3a3cecfa7aaeda9ea5cb1611d30c5a57a"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -6108,13 +6120,21 @@ var Row = function Row(_ref) {
   cov_l7fpuvaq6().s[7]++;
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-bg-white flex w-full flex-row justify-between px-1 py-2"
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: data.ipStart,
+    disabled: data.ipStart.length < TRUNCATE_LENGTH,
+    position: "top"
   }, /*#__PURE__*/React.createElement(Typography, {
-    className: "w-4/12 flex-grow px-3 py-2 text-left",
+    className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
     style: "body2"
-  }, data.ipStart), /*#__PURE__*/React.createElement(Typography, {
-    className: "w-4/12 flex-grow px-3 py-2 text-left",
+  }, truncate(data.ipStart, TRUNCATE_LENGTH))), /*#__PURE__*/React.createElement(Tooltip, {
+    content: data.ipEnd,
+    disabled: data.ipEnd.length < TRUNCATE_LENGTH,
+    position: "top"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    className: "flex w-4/12 flex-grow items-center px-3 py-2 text-left",
     style: "body2"
-  }, data.ipEnd), /*#__PURE__*/React.createElement("div", {
+  }, 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, {
     icon: Delete,
@@ -7723,7 +7743,7 @@ 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-sm md:max-w-md lg:max-w-3xl"
+      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"
     }, /*#__PURE__*/React.createElement("div", {
       className: "space-y-1 p-4"
     }, /*#__PURE__*/React.createElement(Switch, {