clear selection after click
This commit is contained in:
parent
967d5695d3
commit
fe02816b9f
@ -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));
|
||||
|
Loading…
Reference in New Issue
Block a user