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

Adds KeyBoard Navigation to ObjectFilterDropDownFilterSelect ( #4365 ) (#6613)

Browse Source 
fixes #4365

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Faisal-imtiyaz123
2024-09-06 23:43:51 +05:30
committed by GitHub
parent c0d0f8d78d
commit 99f8f8fedb
14 changed files with 183 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
packages/twenty-front/src/modules/object-record/select/components/MultipleRecordSelectDropdown.tsx
View File

@ -40,7 +40,7 @@ export const MultipleRecordSelectDropdown = ({
selectableListScopeId: selectableListId,
});
const { handleResetSelectedPosition } = useSelectableList(selectableListId);
const { resetSelectedItem } = useSelectableList(selectableListId);
const selectedItemId = useRecoilValue(selectedItemIdState);
@ -75,10 +75,10 @@ export const MultipleRecordSelectDropdown = ({
[Key.Escape],
() => {
closeDropdown();
handleResetSelectedPosition();
resetSelectedItem();
},
hotkeyScope,
[closeDropdown, handleResetSelectedPosition],
[closeDropdown, resetSelectedItem],
);
const showNoResult =
@ -105,7 +105,7 @@ export const MultipleRecordSelectDropdown = ({
recordsInDropdown[record],
!recordIsSelectedInDropwdown,
);
handleResetSelectedPosition();
resetSelectedItem();
}}
>
<DropdownMenuItemsContainer hasMaxHeight>
@ -116,7 +116,7 @@ export const MultipleRecordSelectDropdown = ({
selected={record.isSelected}
isKeySelected={record.id === selectedItemId}
onSelectChange={(newCheckedValue) => {
handleResetSelectedPosition();
resetSelectedItem();
handleRecordSelectChange(record, newCheckedValue);
}}
avatar={