admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: Unfocus cells when mouse leaves the table (#2442)

Browse Source 
* feat: Unfocus cells when mouse leaves the table

* fix: only unfocus cells that are not in edit mode
This commit is contained in:
Uwem Israel
2023-11-14 15:07:41 +01:00
committed by GitHub
parent a69711429b
commit f3dfd06571
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
front/src/modules/ui/object/record-table/components/RecordTableV1.tsx
View File

@ -90,6 +90,7 @@ export const RecordTableV1 = ({ updateEntityMutation }: RecordTableV1Props) => {
setRowSelectedState, setRowSelectedState,
resetTableRowSelection, resetTableRowSelection,
useMapKeyboardToSoftFocus, useMapKeyboardToSoftFocus,
getIsSomeCellInEditMode,
} = useRecordTable(); } = useRecordTable();
useMapKeyboardToSoftFocus(); useMapKeyboardToSoftFocus();
@ -117,11 +118,17 @@ export const RecordTableV1 = ({ updateEntityMutation }: RecordTableV1Props) => {
}, },
}); });
const handleMouseLeave = () => {
const isSomeCellInEditMode = getIsSomeCellInEditMode();
if (isSomeCellInEditMode) return;
leaveTableFocus();
};
return ( return (
<EntityUpdateMutationContext.Provider value={updateEntityMutation}> <EntityUpdateMutationContext.Provider value={updateEntityMutation}>
<StyledTableWithHeader> <StyledTableWithHeader>
<StyledTableContainer> <StyledTableContainer>
<div ref={tableBodyRef}> <div ref={tableBodyRef} onMouseLeave={handleMouseLeave}>
<StyledTable className="entity-table-cell"> <StyledTable className="entity-table-cell">
<RecordTableHeader /> <RecordTableHeader />
<RecordTableBodyV1 /> <RecordTableBodyV1 />