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

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

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

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

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

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

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

package/dist/esm/components/FieldText/FieldText.d.ts

@@ -32,5 +32,5 @@ type FieldTextOwnProps = {
 export type FieldTextProps = WithSupportProps<FieldTextOwnProps & InputProps & WrapperProps>;
 export declare const FieldText: import("react").ForwardRefExoticComponent<{
     'data-test-id'?: string;
-} & import("react").AriaAttributes & FieldTextOwnProps & Pick<Partial<InputPrivateProps>, "onChange" | "value"> & Pick<Required<InputPrivateProps>, "inputMode"> & Pick<InputPrivateProps, "id" | "name" | "onPaste" | "onFocus" | "onBlur" | "onKeyDown" | "disabled" | "placeholder" | "readonly" | "autoFocus" | "autoComplete" | "maxLength" | "spellCheck" | "pattern"> & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
+} & import("react").AriaAttributes & FieldTextOwnProps & Pick<Partial<InputPrivateProps>, "onChange" | "value"> & Pick<Required<InputPrivateProps>, "inputMode"> & Pick<InputPrivateProps, "id" | "name" | "onPaste" | "onFocus" | "onBlur" | "onKeyDown" | "disabled" | "readonly" | "placeholder" | "autoFocus" | "autoComplete" | "maxLength" | "spellCheck" | "pattern"> & WrapperProps & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/esm/components/FieldTextArea/FieldTextArea.d.ts

@@ -30,5 +30,5 @@ type FieldTextAreaOwnProps = {
 export type FieldTextAreaProps = WithSupportProps<FieldTextAreaOwnProps & InputProps & WrapperProps>;
 export declare const FieldTextArea: import("react").ForwardRefExoticComponent<{
     'data-test-id'?: string;
-} & import("react").AriaAttributes & FieldTextAreaOwnProps & Pick<Partial<TextAreaProps>, "value"> & Pick<TextAreaProps, "id" | "name" | "onFocus" | "onBlur" | "onKeyDown" | "disabled" | "placeholder" | "readonly" | "autoFocus" | "inputMode" | "maxLength" | "spellCheck"> & WrapperProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+} & import("react").AriaAttributes & FieldTextAreaOwnProps & Pick<Partial<TextAreaProps>, "value"> & Pick<TextAreaProps, "id" | "name" | "onFocus" | "onBlur" | "onKeyDown" | "disabled" | "readonly" | "placeholder" | "autoFocus" | "inputMode" | "maxLength" | "spellCheck"> & WrapperProps & import("react").RefAttributes<HTMLTextAreaElement>>;
 export {};

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

@@ -1,4 +1,3 @@
-export * from './FieldAdd';
 export * from './FieldColor';
 export * from './FieldDate';
 export * from './FieldDecorator';

package/dist/esm/components/index.js

@@ -1,4 +1,3 @@
-export * from './FieldAdd';
 export * from './FieldColor';
 export * from './FieldDate';
 export * from './FieldDecorator';

package/dist/esm/helperComponents/ButtonFieldList/ButtonFieldList.d.ts

@@ -1,4 +1,4 @@
 import { ButtonFieldProps } from '../ButtonField';
-export declare const ButtonFieldList: import("react").ForwardRefExoticComponent<Omit<ButtonFieldProps, "hasArrow" | "arrowOpen"> & Pick<import("@snack-uikit/list").DroplistProps, "search" | "items" | "scroll" | "open" | "onOpenChange"> & {
+export declare const ButtonFieldList: import("react").ForwardRefExoticComponent<Omit<ButtonFieldProps, "hasArrow" | "arrowOpen"> & Pick<import("@snack-uikit/list").DroplistProps, "search" | "open" | "onOpenChange" | "items" | "scroll"> & {
     selection?: Omit<import("@snack-uikit/list").SelectionSingleState, "mode">;
 } & import("react").RefAttributes<HTMLButtonElement>>;

package/package.json

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

package/src/components/FieldSelect/FieldSelectMultiple.tsx

@@ -1,6 +1,15 @@
 import cn from 'classnames';
 import mergeRefs from 'merge-refs';
-import { FocusEvent, forwardRef, KeyboardEvent, KeyboardEventHandler, useEffect, useRef, useState } from 'react';
+import {
+  FocusEvent,
+  forwardRef,
+  KeyboardEvent,
+  KeyboardEventHandler,
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+} from 'react';
 
 import { InputPrivate } from '@snack-uikit/input-private';
 import { BaseItemProps, Droplist, ItemProps, SelectionSingleValueType } from '@snack-uikit/list';
@@ -12,10 +21,24 @@ import { usePostfix, usePrefix, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
-import { useButtons, useHandleDeleteItem, useHandleOnKeyDown, useSearch, useSearchInput } from './hooks';
+import {
+  useButtons,
+  useFieldSelectMultipleCustomOption,
+  useHandleDeleteItem,
+  useHandleOnKeyDown,
+  useSearch,
+  useSearchInput,
+} from './hooks';
 import styles from './styles.module.scss';
 import { FieldSelectMultipleProps, ItemWithId, SelectedOptionFormatter } from './types';
-import { checkisSearchUnavailable, extractListProps, getArrowIcon, updateMultipleItems } from './utils';
+import {
+  checkisSearchUnavailable,
+  extractListProps,
+  getArrowIcon,
+  getCustomOptionTriggerByCode,
+  shouldHandleCustomOptionTrigger,
+  updateMultipleItems,
+} from './utils';
 
 const BASE_MIN_WIDTH = 4;
 
@@ -47,6 +70,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     postfix,
     removeByBackspace = false,
     addOptionByEnter = false,
+    addCustomOptionTriggers,
     untouchableScrollbars = false,
     open: openProp,
     enableFuzzySearch = true,
@@ -80,6 +104,15 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     resetSearchOnOptionSelection,
   });
 
+  const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectMultipleCustomOption({
+    addCustomOptionTriggers,
+    addOptionByEnter,
+    inputValue,
+    value,
+    setValue,
+    updateInputValue,
+  });
+
   const prefixSettings = usePrefix({ prefix, disabled });
   const postfixSettings = usePostfix({ postfix, disabled });
 
@@ -114,6 +147,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) {
@@ -124,12 +166,14 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
     if (e.code === 'Enter') {
       e.stopPropagation();
       e.preventDefault();
-    }
-
-    if (addOptionByEnter && e.code === 'Enter' && inputValue !== '') {
-      if (!(value ?? []).includes(inputValue)) {
-        setValue((value: SelectionSingleValueType[]) => (value ?? []).concat(inputValue));
-        updateInputValue();
+      tryCommitCustomOptionFromInput('enter');
+    } else {
+      const customOptionTrigger = getCustomOptionTriggerByCode(e.code);
+
+      if (shouldHandleCustomOptionTrigger(customOptionTrigger, resolvedAddCustomOptionTriggers)) {
+        e.stopPropagation();
+        e.preventDefault();
+        tryCommitCustomOptionFromInput(customOptionTrigger);
       }
     }
 
@@ -160,6 +204,7 @@ export const FieldSelectMultiple = forwardRef<HTMLInputElement, FieldSelectMulti
 
   const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
     if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
+      tryCommitCustomOptionFromInput('blur');
       updateInputValue();
 
       rest?.onBlur?.(e);
@@ -251,7 +296,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

@@ -20,10 +20,16 @@ import { usePostfix, usePrefix, useValueControl } from '../../hooks';
 import { getValidationState } from '../../utils/getValidationState';
 import { FieldDecorator } from '../FieldDecorator';
 import { extractFieldDecoratorProps } from '../FieldDecorator/utils';
-import { useButtons, useHandleOnKeyDown, useSearch, useSearchInput } from './hooks';
+import { useButtons, useFieldSelectSingleCustomOption, useHandleOnKeyDown, useSearch, useSearchInput } from './hooks';
 import styles from './styles.module.scss';
 import { FieldSelectSingleProps, 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
@@ -54,6 +60,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     prefix,
     postfix,
     addOptionByEnter = false,
+    addCustomOptionTriggers: addCustomOptionTriggersProp,
     untouchableScrollbars = false,
     open: openProp,
     onOpenChange,
@@ -131,14 +138,6 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     valueToCopy: selectedOptionFormatter(selectedItem),
   });
 
-  const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
-    if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
-      updateInputValue(selectedItem);
-
-      rest?.onBlur?.(e);
-    }
-  };
-
   const commonHandleOnKeyDown = useHandleOnKeyDown({
     inputKeyDownNavigationHandler,
     onInputKeyDownProp,
@@ -157,6 +156,28 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     [setOpen, setValue],
   );
 
+  const { resolvedAddCustomOptionTriggers, tryCommitCustomOptionFromInput } = useFieldSelectSingleCustomOption({
+    addCustomOptionTriggers: addCustomOptionTriggersProp,
+    addOptionByEnter,
+    inputValue,
+    handleSelectionChange,
+  });
+
+  const handleBlur = (e: FocusEvent<HTMLInputElement>) => {
+    if (!open && !buttonsRefs.filter(Boolean).includes(e.relatedTarget)) {
+      const commitOnBlur =
+        shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers) && inputValue !== '';
+
+      if (commitOnBlur) {
+        tryCommitCustomOptionFromInput('blur');
+      } else {
+        updateInputValue(selectedItem);
+      }
+
+      rest?.onBlur?.(e);
+    }
+  };
+
   const handleOnKeyDown = (onKeyDown?: KeyboardEventHandler<HTMLElement>) => (e: KeyboardEvent<HTMLInputElement>) => {
     if (!open && prevInputValue.current !== inputValue) {
       setOpen(true);
@@ -165,10 +186,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     if (e.code === 'Enter') {
       e.stopPropagation();
       e.preventDefault();
-    }
-
-    if (addOptionByEnter && e.code === 'Enter' && inputValue !== '') {
-      handleSelectionChange(inputValue);
+      tryCommitCustomOptionFromInput('enter');
     }
 
     commonHandleOnKeyDown(onKeyDown)(e);
@@ -178,7 +196,7 @@ export const FieldSelectSingle = forwardRef<HTMLInputElement, FieldSelectSingleP
     if (isBrowser() && !readonly && !disabled && !buttonsRefs.includes(document.activeElement)) {
       setOpen(open);
 
-      if (!open) {
+      if (!open && !shouldHandleCustomOptionTrigger('blur', resolvedAddCustomOptionTriggers)) {
         updateInputValue(selectedItem);
       }
     }

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 { 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>;

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,6 +1,8 @@
 export { FieldSelect } from './FieldSelect';
 
 export type {
+  FieldSelectMultipleAddCustomOptionTrigger,
+  FieldSelectSingleAddCustomOptionTrigger,
   FieldSelectSingleProps,
   FieldSelectMultipleProps,
   FieldSelectProps,

package/src/components/FieldSelect/types.ts

@@ -70,10 +70,16 @@ export type SearchState = {
   onChange?(value: string): void;
 };
 
+/** События, по которым произвольное значение из строки поиска фиксируется в значении поля */
+export type FieldSelectMultipleAddCustomOptionTrigger = 'enter' | 'blur' | 'space' | 'comma';
+export type FieldSelectSingleAddCustomOptionTrigger = Extract<
+  FieldSelectMultipleAddCustomOptionTrigger,
+  'enter' | 'blur'
+>;
+
 export type FieldSelectPrivateProps = InputProps &
   WrapperProps & {
     options: OptionProps[];
-    /** Отображать ли состояние загрузки данных в поле и списке */
     loading?: boolean;
     /** Произвольный префикс для поля */
     prefix?: ReactNode;
@@ -114,6 +120,9 @@ type FiledSelectCommonProps = WithSupportProps<{
 
   autocomplete?: boolean;
 
+  /**
+   * @deprecated Используйте `addCustomOptionTriggers`
+   */
   addOptionByEnter?: boolean;
 
   open?: boolean;
@@ -148,12 +157,24 @@ type FiledSelectCommonProps = WithSupportProps<{
 export type FieldSelectSingleProps = FieldSelectPrivateProps &
   Omit<SelectionSingleState, 'mode'> &
   WrapperProps &
-  FiledSelectCommonProps;
+  FiledSelectCommonProps & {
+    /**
+     * Триггеры фиксации произвольного значения из строки поиска в режиме `single`.
+     * Если передан, имеет приоритет над устаревшим `addOptionByEnter`.
+     */
+    addCustomOptionTriggers?: FieldSelectSingleAddCustomOptionTrigger[];
+  };
 
 export type FieldSelectMultipleProps = FieldSelectPrivateProps & {
   removeByBackspace?: boolean;
 } & Omit<SelectionMultipleState, 'mode'> &
-  Omit<FiledSelectCommonProps, 'showCopyButton' | 'onCopyButtonClick'>;
+  Omit<FiledSelectCommonProps, 'showCopyButton' | 'onCopyButtonClick'> & {
+    /**
+     * Триггеры фиксации произвольного значения из строки поиска в режиме `multiple`.
+     * Если передан, имеет приоритет над устаревшим `addOptionByEnter`.
+     */
+    addCustomOptionTriggers?: FieldSelectMultipleAddCustomOptionTrigger[];
+  };
 
 export type FieldSelectProps =
   | (FieldSelectSingleProps & { selection?: 'single' })

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,3 +5,5 @@ export * from './updateItems';
 export * from './getArrowIcon';
 export * from './getValueByPath';
 export * from './checkisSearchUnavailable';
+export * from './customOption';
+export * from './filterItemsByFlattenIds';

package/src/components/index.ts

@@ -1,4 +1,3 @@
-export * from './FieldAdd';
 export * from './FieldColor';
 export * from './FieldDate';
 export * from './FieldDecorator';

package/dist/cjs/components/FieldAdd/FieldAdd.d.ts

@@ -1,52 +0,0 @@
-import { ButtonOutlineProps } from '@snack-uikit/button';
-import { TooltipProps } from '@snack-uikit/tooltip';
-import { FieldSelectSingleProps } from '../FieldSelect';
-export type FieldAddButtonProps = Omit<ButtonOutlineProps, 'appearance' | 'icon' | 'size' | 'label'> & {
-    /** Текст действия для кнопки добавления; используется как fallback для `tooltip.tip` и `aria-label` */
-    label?: string;
-    /** Тултип кнопки добавления */
-    tooltip?: Omit<TooltipProps, 'children'>;
-};
-export type FieldAddProps = FieldSelectSingleProps & {
-    /** Настройки кнопки добавления справа от поля */
-    addButton?: FieldAddButtonProps;
-    /** Тултип над контролом выбора значения */
-    controlTooltip?: Omit<TooltipProps, 'children'>;
-    /** Показывать ли кнопку добавления; в `readonly` режиме кнопка скрывается независимо от значения пропса */
-    showAddButton?: boolean;
-};
-export declare const FieldAdd: import("react").ForwardRefExoticComponent<import("../FieldSelect/types").InputProps & import("../FieldSelect/types").WrapperProps & {
-    options: import("../FieldSelect").OptionProps[];
-    loading?: boolean;
-    prefix?: import("react").ReactNode;
-    postfix?: import("react").ReactNode;
-} & Omit<import("@snack-uikit/list").SelectionSingleState, "mode"> & {
-    'data-test-id'?: string;
-} & import("react").AriaAttributes & {
-    options: import("../FieldSelect").OptionProps[];
-    pinTop?: import("../FieldSelect").OptionProps[];
-    pinBottom?: import("../FieldSelect").OptionProps[];
-    searchable?: boolean;
-    showCopyButton?: boolean;
-    onCopyButtonClick?(): void;
-    showClearButton?: boolean;
-    readonly?: boolean;
-    prefixIcon?: import("react").ReactElement;
-    footer?: import("@snack-uikit/list").DroplistProps["footer"];
-    widthStrategy?: import("@snack-uikit/list").DroplistProps["widthStrategy"];
-    search?: import("../FieldSelect/types").SearchState;
-    autocomplete?: boolean;
-    addOptionByEnter?: boolean;
-    open?: boolean;
-    enableFuzzySearch?: boolean;
-    resetSearchOnOptionSelection?: boolean;
-    onOpenChange?(open: boolean): void;
-    selectedOptionFormatter?: import("../FieldSelect").SelectedOptionFormatter;
-} & Pick<import("@snack-uikit/list").DroplistProps, "onScroll" | "scrollRef" | "scrollContainerRef" | "untouchableScrollbars" | "dataError" | "dataFiltered" | "scrollToSelectedItem" | "virtualized" | "noDataState" | "noResultsState" | "errorDataState"> & {
-    /** Настройки кнопки добавления справа от поля */
-    addButton?: FieldAddButtonProps;
-    /** Тултип над контролом выбора значения */
-    controlTooltip?: Omit<TooltipProps, "children">;
-    /** Показывать ли кнопку добавления; в `readonly` режиме кнопка скрывается независимо от значения пропса */
-    showAddButton?: boolean;
-} & import("react").RefAttributes<HTMLInputElement>>;