clear selection after click

packages/client/src/pages/PortalSettings/categories/security/sessions/SessionsTable/index.js

@@ -1,10 +1,41 @@
+import { useEffect } from "react";
 import { inject, observer } from "mobx-react";
 import { Consumer } from "@docspace/components/utils/context";
 
 import TableView from "./TableView";
 import RowView from "./RowView";
 
-const SessionsTable = ({ t, viewAs, sessionsData }) => {
+const SessionsTable = ({
+  t,
+  viewAs,
+  setSelection,
+  setBufferSelection,
+  sessionsData,
+}) => {
+  useEffect(() => {
+    window.addEventListener("mousedown", onMouseDown);
+
+    return () => {
+      window.removeEventListener("mousedown", onMouseDown);
+    };
+  }, []);
+
+  const onMouseDown = (e) => {
+    if (
+      (e.target.closest(".scroll-body") &&
+        !e.target.closest(".user-item") &&
+        !e.target.closest(".not-selectable") &&
+        !e.target.closest(".info-panel") &&
+        !e.target.closest(".table-container_group-menu")) ||
+      e.target.closest(".files-main-button") ||
+      e.target.closest(".add-button") ||
+      e.target.closest(".search-input-block")
+    ) {
+      setSelection([]);
+      setBufferSelection(null);
+      window?.getSelection()?.removeAllRanges();
+    }
+  };
   return (
     <Consumer>
       {(context) =>
@@ -26,10 +57,13 @@ const SessionsTable = ({ t, viewAs, sessionsData }) => {
   );
 };
 
-export default inject(({ setup }) => {
+export default inject(({ setup, peopleStore }) => {
+  const { setSelection, setBufferSelection } = peopleStore.selectionStore;
   const { viewAs } = setup;
 
   return {
     viewAs,
+    setSelection,
+    setBufferSelection,
   };
 })(observer(SessionsTable));