alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

support key combinations which include +

Browse Source
This commit is contained in:
peterkogo
2024-11-07 11:27:50 +01:00
parent c8ccca3434
commit 34f01e2964
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/react/src/hooks/useKeyPress.ts
+6 -1
View File
@@ -45,7 +45,12 @@ export function useKeyPress(
const [keyCodes, keysToWatch] = useMemo<[Array<Keys>, Keys]>(() => { const [keyCodes, keysToWatch] = useMemo<[Array<Keys>, Keys]>(() => {
if (keyCode !== null) { if (keyCode !== null) {
const keyCodeArr = Array.isArray(keyCode) ? keyCode : [keyCode]; const keyCodeArr = Array.isArray(keyCode) ? keyCode : [keyCode];
const keys = keyCodeArr.filter((kc) => typeof kc === 'string').map((kc) => kc.split('+')); const keys = keyCodeArr
.filter((kc) => typeof kc === 'string')
// we first replace all '+' with '\n' which we will use to split the keys on
// then we replace '\n\n' with '\n+', this way we can also support the combination 'key++'
// in the end we simply split on '\n' to get the key array
.map((kc) => kc.replace('+', '\n').replace('\n\n', '\n+').split('\n'));
const keysFlat = keys.reduce((res: Keys, item) => res.concat(...item), []); const keysFlat = keys.reduce((res: Keys, item) => res.concat(...item), []);
return [keys, keysFlat]; return [keys, keysFlat];