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 { inject, observer } from "mobx-react";
|
||||||
import { Consumer } from "@docspace/components/utils/context";
|
import { Consumer } from "@docspace/components/utils/context";
|
||||||
|
|
||||||
import TableView from "./TableView";
|
import TableView from "./TableView";
|
||||||
import RowView from "./RowView";
|
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 (
|
return (
|
||||||
<Consumer>
|
<Consumer>
|
||||||
{(context) =>
|
{(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;
|
const { viewAs } = setup;
|
||||||
|
|
||||||
return {
|
return {
|
||||||
viewAs,
|
viewAs,
|
||||||
|
setSelection,
|
||||||
|
setBufferSelection,
|
||||||
};
|
};
|
||||||
})(observer(SessionsTable));
|
})(observer(SessionsTable));
|
||||||
|
Loading…
Reference in New Issue
Block a user