DGNum/demarches-normaliennes
13
1
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

MultiSelect: enable adding multiple emails with , or space

Browse source
This commit is contained in:
Paul Chavard 2021-05-20 11:51:39 +02:00
parent 868a8621e1
commit 868ec214ce
3 changed files with 13 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/components/ComboMultipleDropdownList.jsx
View file

@ -19,6 +19,7 @@ import '@reach/combobox/styles.css';
import { matchSorter } from 'match-sorter'; import { matchSorter } from 'match-sorter';
import { fire } from '@utils'; import { fire } from '@utils';
import { XIcon } from '@heroicons/react/outline'; import { XIcon } from '@heroicons/react/outline';
import isHotkey from 'is-hotkey';
const Context = createContext(); const Context = createContext();
@ -83,7 +84,12 @@ function ComboMultipleDropdownList({
}; };
const onKeyDown = (event) => { const onKeyDown = (event) => {
if (event.key === 'Enter') { if (
isHotkey('enter', event) ||
isHotkey(' ', event) ||
isHotkey(',', event) ||
isHotkey(';', event)
) {
if ( if (
term && term &&
[...extraOptions, ...options].map(([label]) => label).includes(term) [...extraOptions, ...options].map(([label]) => label).includes(term)

1
package.json
View file

@ -19,6 +19,7 @@
"email-butler": "^1.0.13", "email-butler": "^1.0.13",
"highcharts": "^8.1.1", "highcharts": "^8.1.1",
"intersection-observer": "^0.12.0", "intersection-observer": "^0.12.0",
"is-hotkey": "^0.2.0",
"mapbox-gl": "^1.3.0", "mapbox-gl": "^1.3.0",
"match-sorter": "^6.2.0", "match-sorter": "^6.2.0",
"prop-types": "^15.7.2", "prop-types": "^15.7.2",

5
yarn.lock
View file

@ -6982,6 +6982,11 @@ is-glob@^4.0.0, is-glob@^4.0.1, is-glob@~4.0.1:
dependencies: dependencies:
is-extglob "^2.1.1" is-extglob "^2.1.1"
is-hotkey@^0.2.0:
version "0.2.0"
resolved "https://registry.yarnpkg.com/is-hotkey/-/is-hotkey-0.2.0.tgz#1835a68171a91e5c9460869d96336947c8340cef"
integrity sha512-UknnZK4RakDmTgz4PI1wIph5yxSs/mvChWs9ifnlXsKuXgWmOkY/hAE0H/k2MIqH0RlRye0i1oC07MCRSD28Mw==
is-installed-globally@^0.3.1: is-installed-globally@^0.3.1:
version "0.3.2" version "0.3.2"
resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.3.2.tgz#fd3efa79ee670d1187233182d5b0a1dd00313141" resolved "https://registry.yarnpkg.com/is-installed-globally/-/is-installed-globally-0.3.2.tgz#fd3efa79ee670d1187233182d5b0a1dd00313141"