@bigbinary/neeto-molecules 1.0.22 → 1.0.24

package/dist/Sidebar.js

@@ -1,11 +1,10 @@
 import React, { useRef, useCallback, useEffect, Children, isValidElement, cloneElement, forwardRef, useState } from 'react';
 import { toLower, mergeDeepLeft, not } from 'ramda';
-import { useLocation, NavLink } from 'react-router-dom';
-import { useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { Link, useLocation, NavLink } from 'react-router-dom';
 import { NeetoIcon, Close, Search, AppSwitcher as AppSwitcher$1, Book, Keyboard, ChatEmpty, Gift, User, Settings, LeftArrow, Help } from '@bigbinary/neeto-icons';
 import { Typography, Button, Input, Tooltip, Avatar } from '@bigbinary/neetoui';
 import { useTranslation } from 'react-i18next';
-import { capitalize, noop as noop$1, truncate } from '@bigbinary/neeto-commons-frontend/pure';
+import { capitalize, noop as noop$1, truncate, findBy } from '@bigbinary/neeto-commons-frontend/pure';
 import * as AppIcons from '@bigbinary/neeto-icons/app-icons';
 import { t as t$1 } from 'i18next';
 import { resetAuthTokens } from '@bigbinary/neeto-commons-frontend/utils';
@@ -32579,9 +32578,499 @@ var Portal = function Portal(_ref) {
   return /*#__PURE__*/reactDom.exports.createPortal(children, target.current);
 };
 
+function cov_1r2ywuxngm() {
+  var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Sidebar/AppSwitcher/utils.js";
+  var hash = "288fa234e84e26ed8fa5ff782656864c5f046c27";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Sidebar/AppSwitcher/utils.js",
+    statementMap: {
+      "0": {
+        start: {
+          line: 3,
+          column: 33
+        },
+        end: {
+          line: 29,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 4,
+          column: 2
+        },
+        end: {
+          line: 28,
+          column: 39
+        }
+      },
+      "2": {
+        start: {
+          line: 5,
+          column: 21
+        },
+        end: {
+          line: 20,
+          column: 5
+        }
+      },
+      "3": {
+        start: {
+          line: 7,
+          column: 6
+        },
+        end: {
+          line: 9,
+          column: 7
+        }
+      },
+      "4": {
+        start: {
+          line: 8,
+          column: 8
+        },
+        end: {
+          line: 8,
+          column: 15
+        }
+      },
+      "5": {
+        start: {
+          line: 11,
+          column: 6
+        },
+        end: {
+          line: 18,
+          column: 7
+        }
+      },
+      "6": {
+        start: {
+          line: 13,
+          column: 8
+        },
+        end: {
+          line: 15,
+          column: 9
+        }
+      },
+      "7": {
+        start: {
+          line: 14,
+          column: 10
+        },
+        end: {
+          line: 14,
+          column: 25
+        }
+      },
+      "8": {
+        start: {
+          line: 17,
+          column: 8
+        },
+        end: {
+          line: 17,
+          column: 15
+        }
+      },
+      "9": {
+        start: {
+          line: 19,
+          column: 6
+        },
+        end: {
+          line: 19,
+          column: 21
+        }
+      },
+      "10": {
+        start: {
+          line: 21,
+          column: 4
+        },
+        end: {
+          line: 21,
+          column: 53
+        }
+      },
+      "11": {
+        start: {
+          line: 22,
+          column: 4
+        },
+        end: {
+          line: 22,
+          column: 54
+        }
+      },
+      "12": {
+        start: {
+          line: 24,
+          column: 4
+        },
+        end: {
+          line: 27,
+          column: 6
+        }
+      },
+      "13": {
+        start: {
+          line: 25,
+          column: 6
+        },
+        end: {
+          line: 25,
+          column: 58
+        }
+      },
+      "14": {
+        start: {
+          line: 26,
+          column: 6
+        },
+        end: {
+          line: 26,
+          column: 59
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 3,
+            column: 33
+          },
+          end: {
+            line: 3,
+            column: 34
+          }
+        },
+        loc: {
+          start: {
+            line: 3,
+            column: 69
+          },
+          end: {
+            line: 29,
+            column: 1
+          }
+        },
+        line: 3
+      },
+      "1": {
+        name: "(anonymous_1)",
+        decl: {
+          start: {
+            line: 4,
+            column: 12
+          },
+          end: {
+            line: 4,
+            column: 13
+          }
+        },
+        loc: {
+          start: {
+            line: 4,
+            column: 18
+          },
+          end: {
+            line: 28,
+            column: 3
+          }
+        },
+        line: 4
+      },
+      "2": {
+        name: "(anonymous_2)",
+        decl: {
+          start: {
+            line: 5,
+            column: 21
+          },
+          end: {
+            line: 5,
+            column: 22
+          }
+        },
+        loc: {
+          start: {
+            line: 5,
+            column: 30
+          },
+          end: {
+            line: 20,
+            column: 5
+          }
+        },
+        line: 5
+      },
+      "3": {
+        name: "(anonymous_3)",
+        decl: {
+          start: {
+            line: 24,
+            column: 11
+          },
+          end: {
+            line: 24,
+            column: 12
+          }
+        },
+        loc: {
+          start: {
+            line: 24,
+            column: 17
+          },
+          end: {
+            line: 27,
+            column: 5
+          }
+        },
+        line: 24
+      }
+    },
+    branchMap: {
+      "0": {
+        loc: {
+          start: {
+            line: 7,
+            column: 6
+          },
+          end: {
+            line: 9,
+            column: 7
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 7,
+            column: 6
+          },
+          end: {
+            line: 9,
+            column: 7
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 7
+      },
+      "1": {
+        loc: {
+          start: {
+            line: 7,
+            column: 10
+          },
+          end: {
+            line: 7,
+            column: 72
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 7,
+            column: 10
+          },
+          end: {
+            line: 7,
+            column: 28
+          }
+        }, {
+          start: {
+            line: 7,
+            column: 32
+          },
+          end: {
+            line: 7,
+            column: 72
+          }
+        }],
+        line: 7
+      },
+      "2": {
+        loc: {
+          start: {
+            line: 11,
+            column: 6
+          },
+          end: {
+            line: 18,
+            column: 7
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 11,
+            column: 6
+          },
+          end: {
+            line: 18,
+            column: 7
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 11
+      },
+      "3": {
+        loc: {
+          start: {
+            line: 13,
+            column: 8
+          },
+          end: {
+            line: 15,
+            column: 9
+          }
+        },
+        type: "if",
+        locations: [{
+          start: {
+            line: 13,
+            column: 8
+          },
+          end: {
+            line: 15,
+            column: 9
+          }
+        }, {
+          start: {
+            line: undefined,
+            column: undefined
+          },
+          end: {
+            line: undefined,
+            column: undefined
+          }
+        }],
+        line: 13
+      }
+    },
+    s: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0,
+      "4": 0,
+      "5": 0,
+      "6": 0,
+      "7": 0,
+      "8": 0,
+      "9": 0,
+      "10": 0,
+      "11": 0,
+      "12": 0,
+      "13": 0,
+      "14": 0
+    },
+    f: {
+      "0": 0,
+      "1": 0,
+      "2": 0,
+      "3": 0
+    },
+    b: {
+      "0": [0, 0],
+      "1": [0, 0],
+      "2": [0, 0],
+      "3": [0, 0]
+    },
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "288fa234e84e26ed8fa5ff782656864c5f046c27"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_1r2ywuxngm = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_1r2ywuxngm();
+cov_1r2ywuxngm().s[0]++;
+var useOnClickOutside = function useOnClickOutside(insideRef, outsideRef, handler) {
+  cov_1r2ywuxngm().f[0]++;
+  cov_1r2ywuxngm().s[1]++;
+  useEffect(function () {
+    cov_1r2ywuxngm().f[1]++;
+    cov_1r2ywuxngm().s[2]++;
+    var listener = function listener(event) {
+      cov_1r2ywuxngm().f[2]++;
+      cov_1r2ywuxngm().s[3]++;
+      // Do nothing if clicking ref's element or descendent elements
+      if ((cov_1r2ywuxngm().b[1][0]++, !insideRef.current) || (cov_1r2ywuxngm().b[1][1]++, insideRef.current.contains(event.target))) {
+        cov_1r2ywuxngm().b[0][0]++;
+        cov_1r2ywuxngm().s[4]++;
+        return;
+      } else {
+        cov_1r2ywuxngm().b[0][1]++;
+      }
+      cov_1r2ywuxngm().s[5]++;
+      if (outsideRef.current) {
+        cov_1r2ywuxngm().b[2][0]++;
+        cov_1r2ywuxngm().s[6]++;
+        // If Outside ref exists, trigger the handler if it contains the event target.
+        if (outsideRef.current.contains(event.target)) {
+          cov_1r2ywuxngm().b[3][0]++;
+          cov_1r2ywuxngm().s[7]++;
+          handler(event);
+        } else {
+          cov_1r2ywuxngm().b[3][1]++;
+        }
+        cov_1r2ywuxngm().s[8]++;
+        return;
+      } else {
+        cov_1r2ywuxngm().b[2][1]++;
+      }
+      cov_1r2ywuxngm().s[9]++;
+      handler(event);
+    };
+    cov_1r2ywuxngm().s[10]++;
+    document.addEventListener("mousedown", listener);
+    cov_1r2ywuxngm().s[11]++;
+    document.addEventListener("touchstart", listener);
+    cov_1r2ywuxngm().s[12]++;
+    return function () {
+      cov_1r2ywuxngm().f[3]++;
+      cov_1r2ywuxngm().s[13]++;
+      document.removeEventListener("mousedown", listener);
+      cov_1r2ywuxngm().s[14]++;
+      document.removeEventListener("touchstart", listener);
+    };
+  }, [insideRef, outsideRef, handler]);
+};
+
 function cov_2lck7amjw7() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Sidebar/AppSwitcher/index.jsx";
-  var hash = "9e7dfb5276cd6b4e1c47045af63d80b09e5c44ed";
+  var hash = "f48177db9e544dcc6e11b963cf49f5c34e8e9e6d";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -32624,7 +33113,7 @@ function cov_2lck7amjw7() {
         },
         end: {
           line: 16,
-          column: 42
+          column: 55
         }
       },
       "4": {
@@ -32688,7 +33177,7 @@ function cov_2lck7amjw7() {
     },
     b: {},
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "9e7dfb5276cd6b4e1c47045af63d80b09e5c44ed"
+    hash: "f48177db9e544dcc6e11b963cf49f5c34e8e9e6d"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -32712,7 +33201,7 @@ var AppSwitcher = function AppSwitcher(_ref) {
   var paneWrapper = (cov_2lck7amjw7().s[1]++, useRef(null));
   var backdropRef = (cov_2lck7amjw7().s[2]++, useRef(null));
   cov_2lck7amjw7().s[3]++;
-  useOnClickOutside(backdropRef, onClose);
+  useOnClickOutside(paneWrapper, backdropRef, onClose);
   cov_2lck7amjw7().s[4]++;
   useHotkeys("esc", onClose);
   cov_2lck7amjw7().s[5]++;
@@ -35020,7 +35509,7 @@ var Footer = function Footer(_ref) {
 
 function cov_17k34ad0bz() {
   var path = "/home/runner/work/neeto-molecules/neeto-molecules/src/components/Sidebar/Header.jsx";
-  var hash = "a9924345c51fae250c82767af6b2cf501c3bc435";
+  var hash = "fff7fb107aeb6ef1908194eb0afb1951e6504740";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -35028,41 +35517,51 @@ function cov_17k34ad0bz() {
     statementMap: {
       "0": {
         start: {
-          line: 9,
+          line: 10,
           column: 15
         },
         end: {
-          line: 26,
+          line: 36,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 10,
+          line: 11,
           column: 19
         },
         end: {
-          line: 12,
+          line: 13,
           column: 5
         }
       },
       "2": {
         start: {
-          line: 14,
+          line: 15,
           column: 22
         },
         end: {
-          line: 14,
+          line: 15,
           column: 44
         }
       },
       "3": {
         start: {
-          line: 16,
+          line: 17,
+          column: 18
+        },
+        end: {
+          line: 22,
+          column: 3
+        }
+      },
+      "4": {
+        start: {
+          line: 24,
           column: 2
         },
         end: {
-          line: 25,
+          line: 35,
           column: 4
         }
       }
@@ -35072,67 +35571,68 @@ function cov_17k34ad0bz() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 9,
+            line: 10,
             column: 15
           },
           end: {
-            line: 9,
+            line: 10,
             column: 16
           }
         },
         loc: {
           start: {
-            line: 9,
+            line: 10,
             column: 21
           },
           end: {
-            line: 26,
+            line: 36,
             column: 1
           }
         },
-        line: 9
+        line: 10
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 22,
-            column: 9
+            line: 31,
+            column: 11
           },
           end: {
-            line: 22,
-            column: 50
+            line: 31,
+            column: 52
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 22,
-            column: 23
+            line: 31,
+            column: 25
           },
           end: {
-            line: 22,
-            column: 38
+            line: 31,
+            column: 40
           }
         }, {
           start: {
-            line: 22,
-            column: 41
+            line: 31,
+            column: 43
           },
           end: {
-            line: 22,
-            column: 50
+            line: 31,
+            column: 52
           }
         }],
-        line: 22
+        line: 31
       }
     },
     s: {
       "0": 0,
       "1": 0,
       "2": 0,
-      "3": 0
+      "3": 0,
+      "4": 0
     },
     f: {
       "0": 0
@@ -35141,7 +35641,7 @@ function cov_17k34ad0bz() {
       "0": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "a9924345c51fae250c82767af6b2cf501c3bc435"
+    hash: "fff7fb107aeb6ef1908194eb0afb1951e6504740"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -35162,13 +35662,18 @@ var Header = function Header() {
   cov_17k34ad0bz().f[0]++;
   var logoName = (cov_17k34ad0bz().s[1]++, "Neeto".concat(capitalize(globalProps.appName.substr(5).toLowerCase())));
   var ProductLogo = (cov_17k34ad0bz().s[2]++, ProductLogos[logoName]);
-  cov_17k34ad0bz().s[3]++;
+  var homeUrl = (cov_17k34ad0bz().s[3]++, new URL(findBy({
+    name: globalProps.appName.split("neeto")[1]
+  }, globalProps.neetoApps).url));
+  cov_17k34ad0bz().s[4]++;
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-flex neeto-ui-items-center neeto-molecules-sidebar__header",
     "data-cy": "sidebar-info"
   }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-molecules-sidebar__logo flex flex-shrink-0 items-center justify-center"
-  }, ProductLogo ? (cov_17k34ad0bz().b[0][0]++, /*#__PURE__*/React.createElement(ProductLogo, null)) : (cov_17k34ad0bz().b[0][1]++, /*#__PURE__*/React.createElement(Neeto, null))));
+  }, /*#__PURE__*/React.createElement(Link, {
+    to: homeUrl.pathname
+  }, ProductLogo ? (cov_17k34ad0bz().b[0][0]++, /*#__PURE__*/React.createElement(ProductLogo, null)) : (cov_17k34ad0bz().b[0][1]++, /*#__PURE__*/React.createElement(Neeto, null)))));
 };
 
 var _excluded = ["label", "to", "icon", "description"];