* #RI-6581 - Empty delimiter can be applied

* #RI-6582 - The same delimiter can be applied multiple times

Author: egor-zalenski

src/webviews/src/constants/core/eventKeys.ts

@@ -0,0 +1,6 @@
+export enum EventKeys {
+  ENTER = 'Enter',
+  SPACE = ' ',
+  ESCAPE = 'Escape',
+  TAB = 'Tab',
+}

src/webviews/src/constants/index.ts

@@ -4,6 +4,7 @@ export * from './core/apiErrors'
 export * from './core/app'
 export * from './core/storage'
 export * from './core/commands'
+export * from './core/eventKeys'
 export * from './connections/databases'
 export * from './keys/types'
 export * from './keys/tree'

src/webviews/src/modules/settings/Settings.tsx

@@ -7,7 +7,7 @@ import { VscCheck } from 'react-icons/vsc'
 
 import { Separator } from 'uiSrc/ui'
 import { ConsentsPrivacy, MultiSelect, MultiSelectOption } from 'uiSrc/components'
-import { DEFAULT_DELIMITER, VscodeMessageAction } from 'uiSrc/constants'
+import { DEFAULT_DELIMITER, EventKeys, VscodeMessageAction } from 'uiSrc/constants'
 import { vscodeApi } from 'uiSrc/services'
 import { useAppInfoStore } from 'uiSrc/store/hooks/use-app-info-store/useAppInfoStore'
 import { TelemetryEvent, arrayToMultiSelect, multiSelectToArray, sendEventTelemetry } from 'uiSrc/utils'
@@ -58,8 +58,8 @@ export const Settings = () => {
 
     // eslint-disable-next-line default-case
     switch (event.key) {
-      case 'Enter':
-      case ' ':
+      case EventKeys.ENTER:
+      case EventKeys.SPACE:
         if (delimiters.find(({ value }) => value === inputValue)) {
           return
         }