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

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.54.0 (2026-04-21)
+
+
+### Features
+
+* **IAM-6423:** support triggers for custom field option ([1865a13](https://github.com/cloud-ru-tech/snack-uikit/commit/1865a13f6e270de961295a96ad7c8d80c7cb147d))
+
+
+
+
+
 ## 0.53.1 (2026-04-02)
 
 

package/README.md

@@ -741,12 +741,12 @@ FieldStepper в основном предназначен для работы с
 | noDataState | `EmptyStateProps` | - | Экран при отстутствии данных |
 | noResultsState | `EmptyStateProps` | - | Экран при отстутствии результатов поиска или фильтров |
 | errorDataState | `EmptyStateProps` | - | Экран при ошибке запроса |
-| addCustomOptionTriggers | `FieldSelectSingleAddCustomOptionTrigger[] \| FieldSelectAddCustomOptionTrigger[]` | - | Триггеры фиксации произвольного значения из строки поиска в режиме `single`. Если передан, имеет приоритет над устаревшим `addOptionByEnter`. Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`. Если передан, имеет приоритет над устаревшим `addOptionByEnter`. |
+| addCustomOptionTriggers | `FieldSelectSingleAddCustomOptionTrigger[] \| FieldSelectMultipleAddCustomOptionTrigger[]` | - | Триггеры фиксации произвольного значения из строки поиска в режиме `single`. Если передан, имеет приоритет над устаревшим `addOptionByEnter`. Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`. Если передан, имеет приоритет над устаревшим `addOptionByEnter`. |
 | selection | "single" \| "multiple" | - |  |
 | ref | `LegacyRef<HTMLInputElement>` | - | Allows getting a ref to the component instance. Once the component unmounts, React will set `ref.current` to `null` (or call the ref with `null` if you passed a callback ref). @see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs} |
 | key | `Key` | - |  |
 | removeByBackspace | `boolean` | - |  |
-## FieldSelectAddCustomOptionTrigger
+## FieldSelectMultipleAddCustomOptionTrigger
 События, по которым произвольное значение из строки поиска фиксируется в значении поля
 ### Props
 | name | type | default value | description |

package/dist/cjs/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -1,4 +1,4 @@
-import { FieldSelectAddCustomOptionTrigger, SelectedOptionFormatter } from './types';
+import { SelectedOptionFormatter } from './types';
 export declare const FieldSelectMultiple: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("./types").WrapperProps & {
     options: import("./types").OptionProps[];
     loading?: boolean;
@@ -29,5 +29,5 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
 } & Pick<import("@snack-uikit/list").DroplistProps, "onScroll" | "scrollRef" | "scrollContainerRef" | "untouchableScrollbars" | "dataError" | "dataFiltered" | "scrollToSelectedItem" | "virtualized" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton" | "onCopyButtonClick"> & {
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
+    addCustomOptionTriggers?: import("./types").FieldSelectMultipleAddCustomOptionTrigger[];
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -103,19 +103,17 @@ exports.FieldSelectMultiple = (0, react_1.forwardRef)((props, ref) => {
     selectedOptionFormatter,
     resetSearchOnOptionSelection
   }));
-  const resolvedAddCustomOptionTriggers = (0, hooks_2.useResolvedAddCustomOptionTriggers)({
+  const {
+    resolvedAddCustomOptionTriggers,
+    tryCommitCustomOptionFromInput
+  } = (0, hooks_2.useFieldSelectMultipleCustomOption)({
     addCustomOptionTriggers,
-    addOptionByEnter
+    addOptionByEnter,
+    inputValue,
+    value,
+    setValue,
+    updateInputValue
   });
-  const tryCommitCustomOptionFromInput = (0, react_1.useCallback)(trigger => {
-    if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-      return;
-    }
-    if (!(value !== null && value !== void 0 ? value : []).includes(inputValue)) {
-      setValue(prev => (prev !== null && prev !== void 0 ? prev : []).concat(inputValue));
-      updateInputValue();
-    }
-  }, [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue]);
   const prefixSettings = (0, hooks_1.usePrefix)({
     prefix,
     disabled

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

@@ -100,10 +100,6 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
     resetSearchOnOptionSelection,
     selectedOptionFormatter
   }));
-  const resolvedAddCustomOptionTriggers = (0, hooks_2.useResolvedAddCustomOptionTriggers)({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
-    addOptionByEnter
-  });
   const prevSelectedItem = (0, react_1.useRef)(selectedItem);
   const prefixSettings = (0, hooks_1.usePrefix)({
     prefix,
@@ -178,12 +174,15 @@ exports.FieldSelectSingle = (0, react_1.forwardRef)((props, ref) => {
       setValue(newValue);
     }
   }, [setOpen, setValue]);
-  const tryCommitCustomOptionFromInput = (0, react_1.useCallback)(trigger => {
-    if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-      return;
-    }
-    handleSelectionChange(inputValue);
-  }, [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange]);
+  const {
+    resolvedAddCustomOptionTriggers,
+    tryCommitCustomOptionFromInput
+  } = (0, hooks_2.useFieldSelectSingleCustomOption)({
+    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addOptionByEnter,
+    inputValue,
+    handleSelectionChange
+  });
   const handleBlur = e => {
     var _a;
     if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {

package/dist/cjs/components/FieldSelect/{hooks.d.ts → hooks/common.d.ts}

@@ -1,7 +1,7 @@
 import { KeyboardEvent, KeyboardEventHandler, MouseEvent, RefObject } from 'react';
 import { Handler } from 'uncontrollable';
 import { ItemProps } from '@snack-uikit/list';
-import { FieldSelectAddCustomOptionTrigger, ItemWithId, SearchState, SelectedOptionFormatter } from './types';
+import { ItemWithId, SearchState, SelectedOptionFormatter } from '../types';
 type UseHandleOnKeyDownProps = {
     inputKeyDownNavigationHandler: KeyboardEventHandler<HTMLInputElement>;
     onInputKeyDownProp: KeyboardEventHandler<HTMLInputElement> | undefined;
@@ -38,9 +38,4 @@ export declare function useHandleDeleteItem(setValue: Handler): (item?: ItemWith
  * Четкий и нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
  */
 export declare function useSearch(items: ItemProps[], enableFuzzySearch?: boolean): (search: string) => import("@snack-uikit/list/dist/esm/components/Items").Item[];
-type UseResolvedAddCustomOptionTriggersProps = {
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
-    addOptionByEnter: boolean;
-};
-export declare function useResolvedAddCustomOptionTriggers({ addCustomOptionTriggers, addOptionByEnter, }: UseResolvedAddCustomOptionTriggersProps): FieldSelectAddCustomOptionTrigger[];
 export {};

package/dist/cjs/components/FieldSelect/{hooks.js → hooks/common.js}

@@ -13,15 +13,13 @@ exports.useButtons = useButtons;
 exports.useSearchInput = useSearchInput;
 exports.useHandleDeleteItem = useHandleDeleteItem;
 exports.useSearch = useSearch;
-exports.useResolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers;
 const fuzzy_search_1 = __importDefault(require("fuzzy-search"));
 const react_1 = require("react");
 const input_private_1 = require("@snack-uikit/input-private");
 const list_1 = require("@snack-uikit/list");
-const hooks_1 = require("../../hooks");
-const legacy_1 = require("./legacy");
-const utils_1 = require("./utils");
-const filterItemsByFlattenIds_1 = require("./utils/filterItemsByFlattenIds");
+const hooks_1 = require("../../../hooks");
+const legacy_1 = require("../legacy");
+const utils_1 = require("../utils");
 function useHandleOnKeyDown(_ref) {
   let {
     setOpen,
@@ -174,19 +172,7 @@ function useSearch(items) {
   }, [enableFuzzySearch, flattenItems]);
   const filterFunction = (0, react_1.useCallback)(search => {
     const filteredIds = filterFlattenFunction(search).map(item => item.id);
-    return (0, filterItemsByFlattenIds_1.filterItemsByFlattenIds)(items, filteredIds);
+    return (0, utils_1.filterItemsByFlattenIds)(items, filteredIds);
   }, [filterFlattenFunction, items]);
   return (0, react_1.useCallback)(search => search.length >= DEFAULT_MIN_SEARCH_INPUT_LENGTH ? filterFunction(search) : items, [filterFunction, items]);
-}
-function useResolvedAddCustomOptionTriggers(_ref4) {
-  let {
-    addCustomOptionTriggers,
-    addOptionByEnter
-  } = _ref4;
-  return (0, react_1.useMemo)(() => {
-    if (addCustomOptionTriggers !== undefined) {
-      return addCustomOptionTriggers;
-    }
-    return addOptionByEnter ? ['enter'] : [];
-  }, [addCustomOptionTriggers, addOptionByEnter]);
 }

package/dist/cjs/components/FieldSelect/hooks/customOption.d.ts

@@ -0,0 +1,26 @@
+import { Handler } from 'uncontrollable';
+import { SelectionSingleValueType } from '@snack-uikit/list';
+import { FieldSelectMultipleAddCustomOptionTrigger } from '../types';
+type UseResolvedAddCustomOptionTriggersParams = {
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
+    addOptionByEnter: boolean;
+};
+type UseFieldSelectMultipleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+    inputValue: string;
+    value: SelectionSingleValueType[] | undefined;
+    setValue: Handler;
+    updateInputValue: () => void;
+};
+export declare function useFieldSelectMultipleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, value, setValue, updateInputValue, }: UseFieldSelectMultipleCustomOptionParams): {
+    resolvedAddCustomOptionTriggers: FieldSelectMultipleAddCustomOptionTrigger[];
+    tryCommitCustomOptionFromInput: (trigger: FieldSelectMultipleAddCustomOptionTrigger) => void;
+};
+type UseFieldSelectSingleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+    inputValue: string;
+    handleSelectionChange: (value: SelectionSingleValueType) => void;
+};
+export declare function useFieldSelectSingleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, handleSelectionChange, }: UseFieldSelectSingleCustomOptionParams): {
+    resolvedAddCustomOptionTriggers: FieldSelectMultipleAddCustomOptionTrigger[];
+    tryCommitCustomOptionFromInput: (trigger: FieldSelectMultipleAddCustomOptionTrigger) => void;
+};
+export {};

package/dist/cjs/components/FieldSelect/hooks/customOption.js

@@ -0,0 +1,69 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useFieldSelectMultipleCustomOption = useFieldSelectMultipleCustomOption;
+exports.useFieldSelectSingleCustomOption = useFieldSelectSingleCustomOption;
+const react_1 = require("react");
+function useResolvedAddCustomOptionTriggers(_ref) {
+  let {
+    addCustomOptionTriggers,
+    addOptionByEnter
+  } = _ref;
+  return (0, react_1.useMemo)(() => {
+    if (addCustomOptionTriggers !== undefined) {
+      return addCustomOptionTriggers;
+    }
+    return addOptionByEnter ? ['enter'] : [];
+  }, [addCustomOptionTriggers, addOptionByEnter]);
+}
+function useFieldSelectMultipleCustomOption(_ref2) {
+  let {
+    addCustomOptionTriggers,
+    addOptionByEnter,
+    inputValue,
+    value,
+    setValue,
+    updateInputValue
+  } = _ref2;
+  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+    addCustomOptionTriggers,
+    addOptionByEnter
+  });
+  const tryCommitCustomOptionFromInput = (0, react_1.useCallback)(trigger => {
+    if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+      return;
+    }
+    if (!(value !== null && value !== void 0 ? value : []).includes(inputValue)) {
+      setValue(prev => (prev !== null && prev !== void 0 ? prev : []).concat(inputValue));
+      updateInputValue();
+    }
+  }, [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue]);
+  return {
+    resolvedAddCustomOptionTriggers,
+    tryCommitCustomOptionFromInput
+  };
+}
+function useFieldSelectSingleCustomOption(_ref3) {
+  let {
+    addCustomOptionTriggers,
+    addOptionByEnter,
+    inputValue,
+    handleSelectionChange
+  } = _ref3;
+  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+    addCustomOptionTriggers,
+    addOptionByEnter
+  });
+  const tryCommitCustomOptionFromInput = (0, react_1.useCallback)(trigger => {
+    if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+      return;
+    }
+    handleSelectionChange(inputValue);
+  }, [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange]);
+  return {
+    resolvedAddCustomOptionTriggers,
+    tryCommitCustomOptionFromInput
+  };
+}

package/dist/cjs/components/FieldSelect/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './customOption';

package/dist/cjs/components/FieldSelect/hooks/index.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var __createBinding = void 0 && (void 0).__createBinding || (Object.create ? function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function () {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
+} : function (o, m, k, k2) {
+  if (k2 === undefined) k2 = k;
+  o[k2] = m[k];
+});
+var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
+  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+__exportStar(require("./common"), exports);
+__exportStar(require("./customOption"), exports);

package/dist/cjs/components/FieldSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { FieldSelect } from './FieldSelect';
-export type { FieldSelectAddCustomOptionTrigger, FieldSelectSingleAddCustomOptionTrigger, FieldSelectSingleProps, FieldSelectMultipleProps, FieldSelectProps, OptionProps, BaseOptionProps, AccordionOptionProps, NestListOptionProps, GroupOptionProps, SelectedOptionFormatter, } from './types';
+export type { FieldSelectMultipleAddCustomOptionTrigger, FieldSelectSingleAddCustomOptionTrigger, FieldSelectSingleProps, FieldSelectMultipleProps, FieldSelectProps, OptionProps, BaseOptionProps, AccordionOptionProps, NestListOptionProps, GroupOptionProps, SelectedOptionFormatter, } from './types';

package/dist/cjs/components/FieldSelect/types.d.ts

@@ -32,8 +32,8 @@ export type SearchState = {
     onChange?(value: string): void;
 };
 /** События, по которым произвольное значение из строки поиска фиксируется в значении поля */
-export type FieldSelectAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
-export type FieldSelectSingleAddCustomOptionTrigger = Extract<FieldSelectAddCustomOptionTrigger, 'enter' | 'blur'>;
+export type FieldSelectMultipleAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
+export type FieldSelectSingleAddCustomOptionTrigger = Extract<FieldSelectMultipleAddCustomOptionTrigger, 'enter' | 'blur'>;
 export type FieldSelectPrivateProps = InputProps & WrapperProps & {
     options: OptionProps[];
     loading?: boolean;
@@ -95,7 +95,7 @@ export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
      * Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`.
      * Если передан, имеет приоритет над устаревшим `addOptionByEnter`.
      */
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
 };
 export type FieldSelectProps = (FieldSelectSingleProps & {
     selection?: 'single';

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

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

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

@@ -5,4 +5,5 @@ export * from './updateItems';
 export * from './getArrowIcon';
 export * from './getValueByPath';
 export * from './checkisSearchUnavailable';
-export * from './getCustomOptionTriggerByCode';
+export * from './customOption';
+export * from './filterItemsByFlattenIds';

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

@@ -29,4 +29,5 @@ __exportStar(require("./updateItems"), exports);
 __exportStar(require("./getArrowIcon"), exports);
 __exportStar(require("./getValueByPath"), exports);
 __exportStar(require("./checkisSearchUnavailable"), exports);
-__exportStar(require("./getCustomOptionTriggerByCode"), exports);
+__exportStar(require("./customOption"), exports);
+__exportStar(require("./filterItemsByFlattenIds"), exports);

package/dist/esm/components/FieldSelect/FieldSelectMultiple.d.ts

@@ -1,4 +1,4 @@
-import { FieldSelectAddCustomOptionTrigger, SelectedOptionFormatter } from './types';
+import { SelectedOptionFormatter } from './types';
 export declare const FieldSelectMultiple: import("react").ForwardRefExoticComponent<import("./types").InputProps & import("./types").WrapperProps & {
     options: import("./types").OptionProps[];
     loading?: boolean;
@@ -29,5 +29,5 @@ export declare const FieldSelectMultiple: import("react").ForwardRefExoticCompon
     onOpenChange?(open: boolean): void;
     selectedOptionFormatter?: SelectedOptionFormatter;
 } & Pick<import("@snack-uikit/list").DroplistProps, "onScroll" | "scrollRef" | "scrollContainerRef" | "untouchableScrollbars" | "dataError" | "dataFiltered" | "scrollToSelectedItem" | "virtualized" | "noDataState" | "noResultsState" | "errorDataState">, "showCopyButton" | "onCopyButtonClick"> & {
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
+    addCustomOptionTriggers?: import("./types").FieldSelectMultipleAddCustomOptionTrigger[];
 } & import("react").RefAttributes<HTMLInputElement>>;

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

@@ -22,7 +22,7 @@ import { usePostfix, usePrefix, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
-import { useButtons, useHandleDeleteItem, useHandleOnKeyDown, useResolvedAddCustomOptionTriggers, useSearch, useSearchInput, } from './hooks';
+import { useButtons, useFieldSelectMultipleCustomOption, useHandleDeleteItem, useHandleOnKeyDown, useSearch, useSearchInput, } from './hooks';
 import styles from './styles.module.css';
 import { checkisSearchUnavailable, extractListProps, getArrowIcon, getCustomOptionTriggerByCode, shouldHandleCustomOptionTrigger, updateMultipleItems, } from './utils';
 const BASE_MIN_WIDTH = 4;
@@ -45,19 +45,14 @@ export const FieldSelectMultiple = forwardRef((props, ref) => {
     const [{ selectedItems, items = [] }, setItems] = useState(() => updateMultipleItems({ options, value, currentItems: [], selectedItems: undefined }));
     const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput(Object.assign(Object.assign({}, search), { defaultValue: '', selectedOptionFormatter,
         resetSearchOnOptionSelection }));
-    const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+    const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectMultipleCustomOption({
         addCustomOptionTriggers,
         addOptionByEnter,
+        inputValue,
+        value,
+        setValue,
+        updateInputValue,
     });
-    const tryCommitCustomOptionFromInput = useCallback((trigger) => {
-        if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-            return;
-        }
-        if (!(value !== null && value !== void 0 ? value : []).includes(inputValue)) {
-            setValue((prev) => (prev !== null && prev !== void 0 ? prev : []).concat(inputValue));
-            updateInputValue();
-        }
-    }, [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue]);
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
     useLayoutEffect(() => {

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

@@ -21,7 +21,7 @@ import { usePostfix, usePrefix, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
-import { useButtons, useHandleOnKeyDown, useResolvedAddCustomOptionTriggers, useSearch, useSearchInput } from './hooks';
+import { useButtons, useFieldSelectSingleCustomOption, useHandleOnKeyDown, useSearch, useSearchInput } from './hooks';
 import styles from './styles.module.css';
 import { checkisSearchUnavailable, extractListProps, getArrowIcon, shouldHandleCustomOptionTrigger, updateItems, } from './utils';
 const defaultSelectedOptionFormatter = item => 
@@ -40,10 +40,6 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
     const [{ selectedItem, items = [] }, setItems] = useState(() => updateItems({ options, value, currentItems: [], selectedItem: undefined }));
     const { inputValue, setInputValue, prevInputValue, updateInputValue } = useSearchInput(Object.assign(Object.assign({}, search), { defaultValue: selectedOptionFormatter(selectedItem), resetSearchOnOptionSelection,
         selectedOptionFormatter }));
-    const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
-        addCustomOptionTriggers: addCustomOptionTriggersProp,
-        addOptionByEnter,
-    });
     const prevSelectedItem = useRef(selectedItem);
     const prefixSettings = usePrefix({ prefix, disabled });
     const postfixSettings = usePostfix({ postfix, disabled });
@@ -94,12 +90,12 @@ export const FieldSelectSingle = forwardRef((props, ref) => {
             setValue(newValue);
         }
     }, [setOpen, setValue]);
-    const tryCommitCustomOptionFromInput = useCallback((trigger) => {
-        if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-            return;
-        }
-        handleSelectionChange(inputValue);
-    }, [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange]);
+    const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectSingleCustomOption({
+        addCustomOptionTriggers: addCustomOptionTriggersProp,
+        addOptionByEnter,
+        inputValue,
+        handleSelectionChange,
+    });
     const handleBlur = (e) => {
         var _a;
         if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {

package/dist/esm/components/FieldSelect/{hooks.d.ts → hooks/common.d.ts}

@@ -1,7 +1,7 @@
 import { KeyboardEvent, KeyboardEventHandler, MouseEvent, RefObject } from 'react';
 import { Handler } from 'uncontrollable';
 import { ItemProps } from '@snack-uikit/list';
-import { FieldSelectAddCustomOptionTrigger, ItemWithId, SearchState, SelectedOptionFormatter } from './types';
+import { ItemWithId, SearchState, SelectedOptionFormatter } from '../types';
 type UseHandleOnKeyDownProps = {
     inputKeyDownNavigationHandler: KeyboardEventHandler<HTMLInputElement>;
     onInputKeyDownProp: KeyboardEventHandler<HTMLInputElement> | undefined;
@@ -38,9 +38,4 @@ export declare function useHandleDeleteItem(setValue: Handler): (item?: ItemWith
  * Четкий и нечеткий поиск среди айтемов по полям 'content.option', 'content.caption', 'content.description', 'label'
  */
 export declare function useSearch(items: ItemProps[], enableFuzzySearch?: boolean): (search: string) => import("@snack-uikit/list/dist/esm/components/Items").Item[];
-type UseResolvedAddCustomOptionTriggersProps = {
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
-    addOptionByEnter: boolean;
-};
-export declare function useResolvedAddCustomOptionTriggers({ addCustomOptionTriggers, addOptionByEnter, }: UseResolvedAddCustomOptionTriggersProps): FieldSelectAddCustomOptionTrigger[];
 export {};

package/dist/esm/components/FieldSelect/{hooks.js → hooks/common.js}

@@ -2,10 +2,9 @@ import FuzzySearch from 'fuzzy-search';
 import { useCallback, useMemo, useRef } from 'react';
 import { useButtonNavigation, useClearButton } from '@snack-uikit/input-private';
 import { isAccordionItemProps, isNextListItemProps, kindFlattenItems, } from '@snack-uikit/list';
-import { useCopyButton, useValueControl } from '../../hooks';
-import { extractChildIds } from './legacy';
-import { getValueByPath, isBaseOptionProps } from './utils';
-import { filterItemsByFlattenIds } from './utils/filterItemsByFlattenIds';
+import { useCopyButton, useValueControl } from '../../../hooks';
+import { extractChildIds } from '../legacy';
+import { filterItemsByFlattenIds, getValueByPath, isBaseOptionProps } from '../utils';
 export function useHandleOnKeyDown({ setOpen, inputKeyDownNavigationHandler, onInputKeyDownProp, }) {
     return useCallback((onKeyDown) => (e) => {
         if (e.code === 'Space') {
@@ -117,11 +116,3 @@ export function useSearch(items, enableFuzzySearch = true) {
     }, [filterFlattenFunction, items]);
     return useCallback((search) => (search.length >= DEFAULT_MIN_SEARCH_INPUT_LENGTH ? filterFunction(search) : items), [filterFunction, items]);
 }
-export function useResolvedAddCustomOptionTriggers({ addCustomOptionTriggers, addOptionByEnter, }) {
-    return useMemo(() => {
-        if (addCustomOptionTriggers !== undefined) {
-            return addCustomOptionTriggers;
-        }
-        return addOptionByEnter ? ['enter'] : [];
-    }, [addCustomOptionTriggers, addOptionByEnter]);
-}

package/dist/esm/components/FieldSelect/hooks/customOption.d.ts

@@ -0,0 +1,26 @@
+import { Handler } from 'uncontrollable';
+import { SelectionSingleValueType } from '@snack-uikit/list';
+import { FieldSelectMultipleAddCustomOptionTrigger } from '../types';
+type UseResolvedAddCustomOptionTriggersParams = {
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
+    addOptionByEnter: boolean;
+};
+type UseFieldSelectMultipleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+    inputValue: string;
+    value: SelectionSingleValueType[] | undefined;
+    setValue: Handler;
+    updateInputValue: () => void;
+};
+export declare function useFieldSelectMultipleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, value, setValue, updateInputValue, }: UseFieldSelectMultipleCustomOptionParams): {
+    resolvedAddCustomOptionTriggers: FieldSelectMultipleAddCustomOptionTrigger[];
+    tryCommitCustomOptionFromInput: (trigger: FieldSelectMultipleAddCustomOptionTrigger) => void;
+};
+type UseFieldSelectSingleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+    inputValue: string;
+    handleSelectionChange: (value: SelectionSingleValueType) => void;
+};
+export declare function useFieldSelectSingleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, handleSelectionChange, }: UseFieldSelectSingleCustomOptionParams): {
+    resolvedAddCustomOptionTriggers: FieldSelectMultipleAddCustomOptionTrigger[];
+    tryCommitCustomOptionFromInput: (trigger: FieldSelectMultipleAddCustomOptionTrigger) => void;
+};
+export {};

package/dist/esm/components/FieldSelect/hooks/customOption.js

@@ -0,0 +1,38 @@
+import { useCallback, useMemo } from 'react';
+function useResolvedAddCustomOptionTriggers({ addCustomOptionTriggers, addOptionByEnter, }) {
+    return useMemo(() => {
+        if (addCustomOptionTriggers !== undefined) {
+            return addCustomOptionTriggers;
+        }
+        return addOptionByEnter ? ['enter'] : [];
+    }, [addCustomOptionTriggers, addOptionByEnter]);
+}
+export function useFieldSelectMultipleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, value, setValue, updateInputValue, }) {
+    const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+        addCustomOptionTriggers,
+        addOptionByEnter,
+    });
+    const tryCommitCustomOptionFromInput = useCallback((trigger) => {
+        if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+            return;
+        }
+        if (!(value !== null && value !== void 0 ? value : []).includes(inputValue)) {
+            setValue((prev) => (prev !== null && prev !== void 0 ? prev : []).concat(inputValue));
+            updateInputValue();
+        }
+    }, [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue]);
+    return { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput };
+}
+export function useFieldSelectSingleCustomOption({ addCustomOptionTriggers, addOptionByEnter, inputValue, handleSelectionChange, }) {
+    const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+        addCustomOptionTriggers,
+        addOptionByEnter,
+    });
+    const tryCommitCustomOptionFromInput = useCallback((trigger) => {
+        if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+            return;
+        }
+        handleSelectionChange(inputValue);
+    }, [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange]);
+    return { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput };
+}

package/dist/esm/components/FieldSelect/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './customOption';

package/dist/esm/components/FieldSelect/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './customOption';

package/dist/esm/components/FieldSelect/index.d.ts

@@ -1,2 +1,2 @@
 export { FieldSelect } from './FieldSelect';
-export type { FieldSelectAddCustomOptionTrigger, FieldSelectSingleAddCustomOptionTrigger, FieldSelectSingleProps, FieldSelectMultipleProps, FieldSelectProps, OptionProps, BaseOptionProps, AccordionOptionProps, NestListOptionProps, GroupOptionProps, SelectedOptionFormatter, } from './types';
+export type { FieldSelectMultipleAddCustomOptionTrigger, FieldSelectSingleAddCustomOptionTrigger, FieldSelectSingleProps, FieldSelectMultipleProps, FieldSelectProps, OptionProps, BaseOptionProps, AccordionOptionProps, NestListOptionProps, GroupOptionProps, SelectedOptionFormatter, } from './types';

package/dist/esm/components/FieldSelect/types.d.ts

@@ -32,8 +32,8 @@ export type SearchState = {
     onChange?(value: string): void;
 };
 /** События, по которым произвольное значение из строки поиска фиксируется в значении поля */
-export type FieldSelectAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
-export type FieldSelectSingleAddCustomOptionTrigger = Extract<FieldSelectAddCustomOptionTrigger, 'enter' | 'blur'>;
+export type FieldSelectMultipleAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
+export type FieldSelectSingleAddCustomOptionTrigger = Extract<FieldSelectMultipleAddCustomOptionTrigger, 'enter' | 'blur'>;
 export type FieldSelectPrivateProps = InputProps & WrapperProps & {
     options: OptionProps[];
     loading?: boolean;
@@ -95,7 +95,7 @@ export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
      * Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`.
      * Если передан, имеет приоритет над устаревшим `addOptionByEnter`.
      */
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
 };
 export type FieldSelectProps = (FieldSelectSingleProps & {
     selection?: 'single';

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

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

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

@@ -5,4 +5,5 @@ export * from './updateItems';
 export * from './getArrowIcon';
 export * from './getValueByPath';
 export * from './checkisSearchUnavailable';
-export * from './getCustomOptionTriggerByCode';
+export * from './customOption';
+export * from './filterItemsByFlattenIds';

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

@@ -5,4 +5,5 @@ export * from './updateItems';
 export * from './getArrowIcon';
 export * from './getValueByPath';
 export * from './checkisSearchUnavailable';
-export * from './getCustomOptionTriggerByCode';
+export * from './customOption';
+export * from './filterItemsByFlattenIds';

package/package.json

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

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -23,19 +23,14 @@ import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
 import {
   useButtons,
+  useFieldSelectMultipleCustomOption,
   useHandleDeleteItem,
   useHandleOnKeyDown,
-  useResolvedAddCustomOptionTriggers,
   useSearch,
   useSearchInput,
 } from './hooks';
 import styles from './styles.module.scss';
-import {
-  FieldSelectAddCustomOptionTrigger,
-  FieldSelectMultipleProps,
-  ItemWithId,
-  SelectedOptionFormatter,
-} from './types';
+import { FieldSelectMultipleProps, ItemWithId, SelectedOptionFormatter } from './types';
 import {
   checkisSearchUnavailable,
   extractListProps,
@@ -109,25 +104,15 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     resetSearchOnOptionSelection,
   });
 
-  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+  const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectMultipleCustomOption({
     addCustomOptionTriggers,
     addOptionByEnter,
+    inputValue,
+    value,
+    setValue,
+    updateInputValue,
   });
 
-  const tryCommitCustomOptionFromInput = useCallback(
-    (trigger: FieldSelectAddCustomOptionTrigger) => {
-      if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-        return;
-      }
-
-      if (!(value ?? []).includes(inputValue)) {
-        setValue((prev: SelectionSingleValueType[]) => (prev ?? []).concat(inputValue));
-        updateInputValue();
-      }
-    },
-    [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue],
-  );
-
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 

package/src/components/FieldSelect/FieldSelectSingle.tsx

@@ -20,14 +20,9 @@ import { usePostfix, usePrefix, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
-import { useButtons, useHandleOnKeyDown, useResolvedAddCustomOptionTriggers, useSearch, useSearchInput } from './hooks';
+import { useButtons, useFieldSelectSingleCustomOption, useHandleOnKeyDown, useSearch, useSearchInput } from './hooks';
 import styles from './styles.module.scss';
-import {
-  FieldSelectAddCustomOptionTrigger,
-  FieldSelectSingleProps,
-  ItemWithId,
-  SelectedOptionFormatter,
-} from './types';
+import { FieldSelectSingleProps, ItemWithId, SelectedOptionFormatter } from './types';
 import {
   checkisSearchUnavailable,
   extractListProps,
@@ -96,11 +91,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     selectedOptionFormatter,
   });
 
-  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
-    addCustomOptionTriggers: addCustomOptionTriggersProp,
-    addOptionByEnter,
-  });
-
   const prevSelectedItem = useRef<ItemWithId | undefined>(selectedItem);
 
   const prefixSettings = usePrefix({ prefix, disabled });
@@ -166,16 +156,12 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     [setOpen, setValue],
   );
 
-  const tryCommitCustomOptionFromInput = useCallback(
-    (trigger: FieldSelectAddCustomOptionTrigger) => {
-      if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
-        return;
-      }
-
-      handleSelectionChange(inputValue);
-    },
-    [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange],
-  );
+  const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectSingleCustomOption({
+    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addOptionByEnter,
+    inputValue,
+    handleSelectionChange,
+  });
 
   const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
     if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {

package/src/components/FieldSelect/{hooks.ts → hooks/common.ts}

@@ -11,11 +11,10 @@ import {
   SelectionSingleValueType,
 } from '@snack-uikit/list';
 
-import { useCopyButton, useValueControl } from '../../hooks';
-import { extractChildIds } from './legacy';
-import { FieldSelectAddCustomOptionTrigger, ItemWithId, SearchState, SelectedOptionFormatter } from './types';
-import { getValueByPath, isBaseOptionProps } from './utils';
-import { filterItemsByFlattenIds } from './utils/filterItemsByFlattenIds';
+import { useCopyButton, useValueControl } from '../../../hooks';
+import { extractChildIds } from '../legacy';
+import { ItemWithId, SearchState, SelectedOptionFormatter } from '../types';
+import { filterItemsByFlattenIds, getValueByPath, isBaseOptionProps } from '../utils';
 
 type UseHandleOnKeyDownProps = {
   inputKeyDownNavigationHandler: KeyboardEventHandler<HTMLInputElement>;
@@ -218,21 +217,3 @@ export function useSearch(items: ItemProps[], enableFuzzySearch: boolean = true)
     [filterFunction, items],
   );
 }
-
-type UseResolvedAddCustomOptionTriggersProps = {
-  addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
-  addOptionByEnter: boolean;
-};
-
-export function useResolvedAddCustomOptionTriggers({
-  addCustomOptionTriggers,
-  addOptionByEnter,
-}: UseResolvedAddCustomOptionTriggersProps): FieldSelectAddCustomOptionTrigger[] {
-  return useMemo(() => {
-    if (addCustomOptionTriggers !== undefined) {
-      return addCustomOptionTriggers;
-    }
-
-    return addOptionByEnter ? ['enter'] : [];
-  }, [addCustomOptionTriggers, addOptionByEnter]);
-}

package/src/components/FieldSelect/hooks/customOption.ts

@@ -0,0 +1,90 @@
+import { useCallback, useMemo } from 'react';
+import { Handler } from 'uncontrollable';
+
+import { SelectionSingleValueType } from '@snack-uikit/list';
+
+import { FieldSelectMultipleAddCustomOptionTrigger } from '../types';
+
+type UseResolvedAddCustomOptionTriggersParams = {
+  addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
+  addOptionByEnter: boolean;
+};
+
+function useResolvedAddCustomOptionTriggers({
+  addCustomOptionTriggers,
+  addOptionByEnter,
+}: UseResolvedAddCustomOptionTriggersParams): FieldSelectMultipleAddCustomOptionTrigger[] {
+  return useMemo(() => {
+    if (addCustomOptionTriggers !== undefined) {
+      return addCustomOptionTriggers;
+    }
+
+    return addOptionByEnter ? ['enter'] : [];
+  }, [addCustomOptionTriggers, addOptionByEnter]);
+}
+
+type UseFieldSelectMultipleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+  inputValue: string;
+  value: SelectionSingleValueType[] | undefined;
+  setValue: Handler;
+  updateInputValue: () => void;
+};
+export function useFieldSelectMultipleCustomOption({
+  addCustomOptionTriggers,
+  addOptionByEnter,
+  inputValue,
+  value,
+  setValue,
+  updateInputValue,
+}: UseFieldSelectMultipleCustomOptionParams) {
+  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+    addCustomOptionTriggers,
+    addOptionByEnter,
+  });
+
+  const tryCommitCustomOptionFromInput = useCallback(
+    (trigger: FieldSelectMultipleAddCustomOptionTrigger) => {
+      if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+        return;
+      }
+
+      if (!(value ?? []).includes(inputValue)) {
+        setValue((prev: SelectionSingleValueType[]) => (prev ?? []).concat(inputValue));
+        updateInputValue();
+      }
+    },
+    [resolvedAddCustomOptionTriggers, inputValue, value, setValue, updateInputValue],
+  );
+
+  return { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput };
+}
+
+type UseFieldSelectSingleCustomOptionParams = UseResolvedAddCustomOptionTriggersParams & {
+  inputValue: string;
+  handleSelectionChange: (value: SelectionSingleValueType) => void;
+};
+
+export function useFieldSelectSingleCustomOption({
+  addCustomOptionTriggers,
+  addOptionByEnter,
+  inputValue,
+  handleSelectionChange,
+}: UseFieldSelectSingleCustomOptionParams) {
+  const resolvedAddCustomOptionTriggers = useResolvedAddCustomOptionTriggers({
+    addCustomOptionTriggers,
+    addOptionByEnter,
+  });
+
+  const tryCommitCustomOptionFromInput = useCallback(
+    (trigger: FieldSelectMultipleAddCustomOptionTrigger) => {
+      if (!resolvedAddCustomOptionTriggers.includes(trigger) || inputValue === '') {
+        return;
+      }
+
+      handleSelectionChange(inputValue);
+    },
+    [resolvedAddCustomOptionTriggers, inputValue, handleSelectionChange],
+  );
+
+  return { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput };
+}

package/src/components/FieldSelect/hooks/index.ts

@@ -0,0 +1,2 @@
+export * from './common';
+export * from './customOption';

package/src/components/FieldSelect/index.ts

@@ -1,7 +1,7 @@
 export { FieldSelect } from './FieldSelect';
 
 export type {
-  FieldSelectAddCustomOptionTrigger,
+  FieldSelectMultipleAddCustomOptionTrigger,
   FieldSelectSingleAddCustomOptionTrigger,
   FieldSelectSingleProps,
   FieldSelectMultipleProps,

package/src/components/FieldSelect/types.ts

@@ -71,8 +71,11 @@ export type SearchState = {
 };
 
 /** События, по которым произвольное значение из строки поиска фиксируется в значении поля */
-export type FieldSelectAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
-export type FieldSelectSingleAddCustomOptionTrigger = Extract<FieldSelectAddCustomOptionTrigger, 'enter' | 'blur'>;
+export type FieldSelectMultipleAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
+export type FieldSelectSingleAddCustomOptionTrigger = Extract<
+  FieldSelectMultipleAddCustomOptionTrigger,
+  'enter' | 'blur'
+>;
 
 export type FieldSelectPrivateProps = InputProps &
   WrapperProps & {
@@ -170,7 +173,7 @@ export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
      * Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`.
      * Если передан, имеет приоритет над устаревшим `addOptionByEnter`.
      */
-    addCustomOptionTriggers?: FieldSelectAddCustomOptionTrigger[];
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
   };
 
 export type FieldSelectProps =

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

@@ -0,0 +1,23 @@
+import { KeyboardEvent } from 'react';
+
+import { FieldSelectMultipleAddCustomOptionTrigger } from '../types';
+
+export const getCustomOptionTriggerByCode = (
+  code: KeyboardEvent<HTMLInputElement>['code'],
+): FieldSelectMultipleAddCustomOptionTrigger | undefined => {
+  switch (code) {
+    case 'Enter':
+      return 'enter';
+    case 'Space':
+      return 'space';
+    case 'Comma':
+      return 'comma';
+    default:
+      return undefined;
+  }
+};
+
+export const shouldHandleCustomOptionTrigger = (
+  trigger: FieldSelectMultipleAddCustomOptionTrigger | undefined,
+  availableTriggers: FieldSelectMultipleAddCustomOptionTrigger[],
+): trigger is FieldSelectMultipleAddCustomOptionTrigger => (trigger ? availableTriggers.includes(trigger) : false);

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

@@ -5,4 +5,5 @@ export * from './updateItems';
 export * from './getArrowIcon';
 export * from './getValueByPath';
 export * from './checkisSearchUnavailable';
-export * from './getCustomOptionTriggerByCode';
+export * from './customOption';
+export * from './filterItemsByFlattenIds';

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

@@ -1,4 +0,0 @@
-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[]) => trigger is FieldSelectAddCustomOptionTrigger;

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

@@ -1,4 +0,0 @@
-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[]) => trigger is FieldSelectAddCustomOptionTrigger;

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

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