@snack-uikit/fields 0.53.2-preview-74573911.0 → 0.53.2-preview-0be0d183.0

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.js

@@ -62,7 +62,7 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
       postfix,
       removeByBackspace = false,
       addOptionByEnter = false,
-      addCustomOptionTriggers: addCustomOptionTriggersProp,
+      addCustomOptionTriggers,
       untouchableScrollbars = false,
       open: openProp,
       enableFuzzySearch = true,
@@ -104,7 +104,7 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     resetSearchOnOptionSelection
   }));
   const resolvedAddCustomOptionTriggers = (0, hooks_2.useResolvedAddCustomOptionTriggers)({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     addOptionByEnter
   });
   const tryCommitCustomOptionFromInput = (0, react_1.useCallback)(trigger => {
@@ -169,6 +169,12 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     setOpen
   });
   const handleItemDelete = (0, hooks_2.useHandleDeleteItem)(setValue);
+  const handleTagDelete = (0, react_1.useCallback)(option => () => {
+    var _a;
+    const deleteItemHandler = handleItemDelete(option);
+    deleteItemHandler();
+    (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+  }, [handleItemDelete]);
   const handleOnKeyDown = onKeyDown => e => {
     if (removeByBackspace && e.code === 'Backspace' && inputValue === '') {
       if ((selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && !selectedItems.slice(-1)[0].disabled) {
@@ -179,12 +185,13 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
       e.stopPropagation();
       e.preventDefault();
       tryCommitCustomOptionFromInput('enter');
-    }
-    const customOptionTrigger = (0, utils_3.getCustomOptionTriggerByCode)(e.code);
-    if ((0, utils_3.shouldHandleCustomOptionTrigger)(customOptionTrigger, resolvedAddCustomOptionTriggers, ['enter'])) {
-      e.stopPropagation();
-      e.preventDefault();
-      tryCommitCustomOptionFromInput(customOptionTrigger);
+    } else {
+      const customOptionTrigger = (0, utils_3.getCustomOptionTriggerByCode)(e.code);
+      if ((0, utils_3.shouldHandleCustomOptionTrigger)(customOptionTrigger, resolvedAddCustomOptionTriggers)) {
+        e.stopPropagation();
+        e.preventDefault();
+        tryCommitCustomOptionFromInput(customOptionTrigger);
+      }
     }
     if (!open && prevInputValue.current !== inputValue) {
       setOpen(true);
@@ -294,7 +301,7 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
                   tabIndex: -1,
                   label: selectedOptionFormatter(option),
                   appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral',
-                  onDelete: !option.disabled && !disabled && !readonly ? handleItemDelete(option) : undefined,
+                  onDelete: !option.disabled && !disabled && !readonly ? handleTagDelete(option) : undefined,
                   className: styles_module_scss_1.default.tag,
                   "data-disabled": disabled || undefined
                 }, option.id);

package/dist/cjs/components/FieldSelect/FieldSelectSingle.js

@@ -187,10 +187,8 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   const handleBlur = e => {
     var _a;
     if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
-      const commitOnBlur = resolvedAddCustomOptionTriggers.includes('blur') && inputValue !== '';
+      const commitOnBlur = (0, utils_3.shouldHandleCustomOptionTrigger)('blur', resolvedAddCustomOptionTriggers) && inputValue !== '';
       if (commitOnBlur) {
-        // При commit обновление input происходит реактивно после смены value/selectedItem.
-        // Здесь нельзя вызывать updateInputValue(selectedItem), чтобы не использовать устаревший selectedItem.
         tryCommitCustomOptionFromInput('blur');
       } else {
         updateInputValue(selectedItem);
@@ -212,7 +210,7 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
   const handleOpenChange = open => {
     if ((0, utils_1.isBrowser)() && !readonly && !disabled && !buttonsRefs.includes(document.activeElement)) {
       setOpen(open);
-      if (!open && !resolvedAddCustomOptionTriggers.includes('blur')) {
+      if (!open && !(0, utils_3.shouldHandleCustomOptionTrigger)('blur', resolvedAddCustomOptionTriggers)) {
         updateInputValue(selectedItem);
       }
     }

package/dist/cjs/components/FieldSelect/utils/getCustomOptionTriggerByCode.d.ts

@@ -1,4 +1,4 @@
 import { KeyboardEvent } from 'react';
 import { FieldSelectAddCustomOptionTrigger } from '../types';
 export declare const getCustomOptionTriggerByCode: (code: KeyboardEvent<HTMLInputElement>["code"]) => FieldSelectAddCustomOptionTrigger | undefined;
-export declare const shouldHandleCustomOptionTrigger: (trigger: FieldSelectAddCustomOptionTrigger | undefined, availableTriggers: FieldSelectAddCustomOptionTrigger[], ignoredTriggers?: FieldSelectAddCustomOptionTrigger[]) => trigger is FieldSelectAddCustomOptionTrigger;
+export declare const shouldHandleCustomOptionTrigger: (trigger: FieldSelectAddCustomOptionTrigger | undefined, availableTriggers: FieldSelectAddCustomOptionTrigger[]) => trigger is FieldSelectAddCustomOptionTrigger;

package/dist/cjs/components/FieldSelect/utils/getCustomOptionTriggerByCode.js

@@ -5,26 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldHandleCustomOptionTrigger = exports.getCustomOptionTriggerByCode = void 0;
 const getCustomOptionTriggerByCode = code => {
-  if (code === 'Enter') {
-    return 'enter';
+  switch (code) {
+    case 'Enter':
+      return 'enter';
+    case 'Space':
+      return 'space';
+    case 'Comma':
+      return 'comma';
+    default:
+      return undefined;
   }
-  if (code === 'Space') {
-    return 'space';
-  }
-  if (code === 'Comma') {
-    return 'comma';
-  }
-  return undefined;
 };
 exports.getCustomOptionTriggerByCode = getCustomOptionTriggerByCode;
-const shouldHandleCustomOptionTrigger = function (trigger, availableTriggers) {
-  let ignoredTriggers = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
-  if (!trigger) {
-    return false;
-  }
-  if (ignoredTriggers.includes(trigger)) {
-    return false;
-  }
-  return availableTriggers.includes(trigger);
-};
+const shouldHandleCustomOptionTrigger = (trigger, availableTriggers) => trigger ? availableTriggers.includes(trigger) : false;
 exports.shouldHandleCustomOptionTrigger = shouldHandleCustomOptionTrigger;

package/dist/esm/components/FieldSelect/FieldSelectMultiple.js

@@ -32,7 +32,7 @@ const defaultSelectedOptionFormatter = item =>
 (item === null || item === void 0 ? void 0 : item.content.option) || '';
 export const FieldSelectMultiple = forwardRef((props, ref) => {
     var _a;
-    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showClearButton = true, onKeyDown: onInputKeyDownProp, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, removeByBackspace = false, addOptionByEnter = false, addCustomOptionTriggers: addCustomOptionTriggersProp, untouchableScrollbars = false, open: openProp, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, autoFocus } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "addCustomOptionTriggers", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter", "autoFocus"]);
+    const { id, name, placeholder, size = 's', options, value: valueProp, defaultValue, onChange: onChangeProp, disabled = false, readonly = false, searchable = true, showClearButton = true, onKeyDown: onInputKeyDownProp, validationState = 'default', search, autocomplete = false, prefixIcon, prefix, postfix, removeByBackspace = false, addOptionByEnter = false, addCustomOptionTriggers, untouchableScrollbars = false, open: openProp, enableFuzzySearch = true, resetSearchOnOptionSelection = true, onOpenChange, selectedOptionFormatter = defaultSelectedOptionFormatter, autoFocus } = props, rest = __rest(props, ["id", "name", "placeholder", "size", "options", "value", "defaultValue", "onChange", "disabled", "readonly", "searchable", "showClearButton", "onKeyDown", "validationState", "search", "autocomplete", "prefixIcon", "prefix", "postfix", "removeByBackspace", "addOptionByEnter", "addCustomOptionTriggers", "untouchableScrollbars", "open", "enableFuzzySearch", "resetSearchOnOptionSelection", "onOpenChange", "selectedOptionFormatter", "autoFocus"]);
     const localRef = useRef(null);
     const inputPlugRef = useRef(null);
     const contentRef = useRef(null);
@@ -46,7 +46,7 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
     const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput(Object.assign(Object.assign({}, search), { defaultValue: '', selectedOptionFormatter,
         resetSearchOnOptionSelection }));
     const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
-        addCustomOptionTriggers: addCustomOptionTriggersProp,
+        addCustomOptionTriggers,
         addOptionByEnter,
     });
     const tryCommitCustomOptionFromInput = useCallback((trigger) => {
@@ -86,6 +86,12 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
         setOpen,
     });
     const handleItemDelete = useHandleDeleteItem(setValue);
+    const handleTagDelete = useCallback((option) => () => {
+        var _a;
+        const deleteItemHandler = handleItemDelete(option);
+        deleteItemHandler();
+        (_a = localRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [handleItemDelete]);
     const handleOnKeyDown = (onKeyDown) => (e) => {
         if (removeByBackspace && e.code === 'Backspace' && inputValue === '') {
             if ((selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.length) && !selectedItems.slice(-1)[0].disabled) {
@@ -97,11 +103,13 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
             e.preventDefault();
             tryCommitCustomOptionFromInput('enter');
         }
-        const customOptionTrigger = getCustomOptionTriggerByCode(e.code);
-        if (shouldHandleCustomOptionTrigger(customOptionTrigger, resolvedAddCustomOptionTriggers, ['enter'])) {
-            e.stopPropagation();
-            e.preventDefault();
-            tryCommitCustomOptionFromInput(customOptionTrigger);
+        else {
+            const customOptionTrigger = getCustomOptionTriggerByCode(e.code);
+            if (shouldHandleCustomOptionTrigger(customOptionTrigger, resolvedAddCustomOptionTriggers)) {
+                e.stopPropagation();
+                e.preventDefault();
+                tryCommitCustomOptionFromInput(customOptionTrigger);
+            }
         }
         if (!open && prevInputValue.current !== inputValue) {
             setOpen(true);
@@ -169,7 +177,7 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
                 return (_jsx(FieldContainerPrivate, { className: cn(styles.container, styles.tagContainer), validationState: fieldValidationState, disabled: disabled, readonly: readonly, focused: open, variant: 'single-line-container', inputRef: localRef, size: size, prefix: (prefixIcon || prefixSettings.show) && (_jsxs(_Fragment, { children: [prefixIcon, prefixSettings.show && prefixSettings.render({ key: prefixSettings.id })] })), children: _jsxs(_Fragment, { children: [_jsxs("div", { className: styles.contentWrapper, ref: contentRef, children: [selectedItems &&
                                         selectedItems.map(option => {
                                             var _a;
-                                            return (_jsx(Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral', onDelete: !option.disabled && !disabled && !readonly ? handleItemDelete(option) : undefined, className: styles.tag, "data-disabled": disabled || undefined }, option.id));
+                                            return (_jsx(Tag, { size: size === 'l' ? 's' : 'xs', tabIndex: -1, label: selectedOptionFormatter(option), appearance: (_a = option.appearance) !== null && _a !== void 0 ? _a : 'neutral', onDelete: !option.disabled && !disabled && !readonly ? handleTagDelete(option) : undefined, className: styles.tag, "data-disabled": disabled || undefined }, option.id));
                                         }), _jsx("div", { className: styles.inputWrapper, style: {
                                             minWidth: value
                                                 ? Math.min((_b = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : BASE_MIN_WIDTH, (_d = (_c = inputPlugRef.current) === null || _c === void 0 ? void 0 : _c.clientWidth) !== null && _d !== void 0 ? _d : BASE_MIN_WIDTH)

package/dist/esm/components/FieldSelect/FieldSelectSingle.js

@@ -23,7 +23,7 @@ import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import { useButtons, useHandleOnKeyDown, useResolvedAddCustomOptionTriggers, useSearch, useSearchInput } from './hooks';
 import styles from './styles.module.css';
-import { checkisSearchUnavailable, extractListProps, getArrowIcon, updateItems } from './utils';
+import { checkisSearchUnavailable, extractListProps, getArrowIcon, shouldHandleCustomOptionTrigger, updateItems, } from './utils';
 const defaultSelectedOptionFormatter = item => 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-expect-error
@@ -103,10 +103,8 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const handleBlur = (e) => {
         var _a;
         if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
-            const commitOnBlur = resolvedAddCustomOptionTriggers.includes('blur') && inputValue !== '';
+            const commitOnBlur = shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers) && inputValue !== '';
             if (commitOnBlur) {
-                // При commit обновление input происходит реактивно после смены value/selectedItem.
-                // Здесь нельзя вызывать updateInputValue(selectedItem), чтобы не использовать устаревший selectedItem.
                 tryCommitCustomOptionFromInput('blur');
             }
             else {
@@ -129,7 +127,7 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const handleOpenChange = (open) => {
         if (isBrowser() && !readonly && !disabled && !buttonsRefs.includes(document.activeElement)) {
             setOpen(open);
-            if (!open && !resolvedAddCustomOptionTriggers.includes('blur')) {
+            if (!open && !shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers)) {
                 updateInputValue(selectedItem);
             }
         }

package/dist/esm/components/FieldSelect/utils/getCustomOptionTriggerByCode.d.ts

@@ -1,4 +1,4 @@
 import { KeyboardEvent } from 'react';
 import { FieldSelectAddCustomOptionTrigger } from '../types';
 export declare const getCustomOptionTriggerByCode: (code: KeyboardEvent<HTMLInputElement>["code"]) => FieldSelectAddCustomOptionTrigger | undefined;
-export declare const shouldHandleCustomOptionTrigger: (trigger: FieldSelectAddCustomOptionTrigger | undefined, availableTriggers: FieldSelectAddCustomOptionTrigger[], ignoredTriggers?: FieldSelectAddCustomOptionTrigger[]) => trigger is FieldSelectAddCustomOptionTrigger;
+export declare const shouldHandleCustomOptionTrigger: (trigger: FieldSelectAddCustomOptionTrigger | undefined, availableTriggers: FieldSelectAddCustomOptionTrigger[]) => trigger is FieldSelectAddCustomOptionTrigger;

package/dist/esm/components/FieldSelect/utils/getCustomOptionTriggerByCode.js

@@ -1,21 +1,13 @@
 export const getCustomOptionTriggerByCode = (code) => {
-    if (code === 'Enter') {
-        return 'enter';
+    switch (code) {
+        case 'Enter':
+            return 'enter';
+        case 'Space':
+            return 'space';
+        case 'Comma':
+            return 'comma';
+        default:
+            return undefined;
     }
-    if (code === 'Space') {
-        return 'space';
-    }
-    if (code === 'Comma') {
-        return 'comma';
-    }
-    return undefined;
-};
-export const shouldHandleCustomOptionTrigger = (trigger, availableTriggers, ignoredTriggers = []) => {
-    if (!trigger) {
-        return false;
-    }
-    if (ignoredTriggers.includes(trigger)) {
-        return false;
-    }
-    return availableTriggers.includes(trigger);
 };
+export const shouldHandleCustomOptionTrigger = (trigger, availableTriggers) => (trigger ? availableTriggers.includes(trigger) : false);

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Fields",
-  "version": "0.53.2-preview-74573911.0",
+  "version": "0.53.2-preview-0be0d183.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -66,5 +66,5 @@
   "peerDependencies": {
     "@snack-uikit/locale": "*"
   },
-  "gitHead": "f1de14cb7ab706cf2ccc081842883add416f7985"
+  "gitHead": "5eb2aad3219d953d4e2ea540da79a84bb03ee4c1"
 }

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -75,7 +75,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     postfix,
     removeByBackspace = false,
     addOptionByEnter = false,
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     untouchableScrollbars = false,
     open: openProp,
     enableFuzzySearch = true,
@@ -110,7 +110,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
   });
 
   const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addCustomOptionTriggers,
     addOptionByEnter,
   });
 
@@ -162,6 +162,15 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
   });
 
   const handleItemDelete = useHandleDeleteItem(setValue);
+  const handleTagDelete = useCallback(
+    (option: BaseItemProps) => () => {
+      const deleteItemHandler = handleItemDelete(option);
+      deleteItemHandler();
+      localRef.current?.focus();
+    },
+    [handleItemDelete],
+  );
+
   const handleOnKeyDown = (onKeyDown?: KeyboardEventHandler<HTMLElement>) => (e: KeyboardEvent<HTMLInputElement>) => {
     if (removeByBackspace && e.code === 'Backspace' && inputValue === '') {
       if (selectedItems?.length && !selectedItems.slice(-1)[0].disabled) {
@@ -173,14 +182,14 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
       e.stopPropagation();
       e.preventDefault();
       tryCommitCustomOptionFromInput('enter');
-    }
+    } else {
+      const customOptionTrigger = getCustomOptionTriggerByCode(e.code);
 
-    const customOptionTrigger = getCustomOptionTriggerByCode(e.code);
-
-    if (shouldHandleCustomOptionTrigger(customOptionTrigger, resolvedAddCustomOptionTriggers, ['enter'])) {
-      e.stopPropagation();
-      e.preventDefault();
-      tryCommitCustomOptionFromInput(customOptionTrigger);
+      if (shouldHandleCustomOptionTrigger(customOptionTrigger, resolvedAddCustomOptionTriggers)) {
+        e.stopPropagation();
+        e.preventDefault();
+        tryCommitCustomOptionFromInput(customOptionTrigger);
+      }
     }
 
     if (!open && prevInputValue.current !== inputValue) {
@@ -302,7 +311,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
                       label={selectedOptionFormatter(option)}
                       key={option.id}
                       appearance={option.appearance ?? 'neutral'}
-                      onDelete={!option.disabled && !disabled && !readonly ? handleItemDelete(option) : undefined}
+                      onDelete={!option.disabled && !disabled && !readonly ? handleTagDelete(option) : undefined}
                       className={styles.tag}
                       data-disabled={disabled || undefined}
                     />

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -28,7 +28,13 @@ import {
   ItemWithId,
   SelectedOptionFormatter,
 } from './types';
-import { checkisSearchUnavailable, extractListProps, getArrowIcon, updateItems } from './utils';
+import {
+  checkisSearchUnavailable,
+  extractListProps,
+  getArrowIcon,
+  shouldHandleCustomOptionTrigger,
+  updateItems,
+} from './utils';
 
 const defaultSelectedOptionFormatter: SelectedOptionFormatter = item =>
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
@@ -173,11 +179,10 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
 
   const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
     if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
-      const commitOnBlur = resolvedAddCustomOptionTriggers.includes('blur') && inputValue !== '';
+      const commitOnBlur =
+        shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers) && inputValue !== '';
 
       if (commitOnBlur) {
-        // При commit обновление input происходит реактивно после смены value/selectedItem.
-        // Здесь нельзя вызывать updateInputValue(selectedItem), чтобы не использовать устаревший selectedItem.
         tryCommitCustomOptionFromInput('blur');
       } else {
         updateInputValue(selectedItem);
@@ -205,7 +210,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     if (isBrowser() && !readonly && !disabled && !buttonsRefs.includes(document.activeElement)) {
       setOpen(open);
 
-      if (!open && !resolvedAddCustomOptionTriggers.includes('blur')) {
+      if (!open && !shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers)) {
         updateInputValue(selectedItem);
       }
     }

package/src/components/FieldSelect/utils/getCustomOptionTriggerByCode.ts

@@ -5,33 +5,19 @@ import { FieldSelectAddCustomOptionTrigger } from '../types';
 export const getCustomOptionTriggerByCode = (
   code: KeyboardEvent<HTMLInputElement>['code'],
 ): FieldSelectAddCustomOptionTrigger | undefined => {
-  if (code === 'Enter') {
-    return 'enter';
+  switch (code) {
+    case 'Enter':
+      return 'enter';
+    case 'Space':
+      return 'space';
+    case 'Comma':
+      return 'comma';
+    default:
+      return undefined;
   }
-
-  if (code === 'Space') {
-    return 'space';
-  }
-
-  if (code === 'Comma') {
-    return 'comma';
-  }
-
-  return undefined;
 };
 
 export const shouldHandleCustomOptionTrigger = (
   trigger: FieldSelectAddCustomOptionTrigger | undefined,
   availableTriggers: FieldSelectAddCustomOptionTrigger[],
-  ignoredTriggers: FieldSelectAddCustomOptionTrigger[] = [],
-): trigger is FieldSelectAddCustomOptionTrigger => {
-  if (!trigger) {
-    return false;
-  }
-
-  if (ignoredTriggers.includes(trigger)) {
-    return false;
-  }
-
-  return availableTriggers.includes(trigger);
-};
+): trigger is FieldSelectAddCustomOptionTrigger => (trigger ? availableTriggers.includes(trigger) : false);