@snack-uikit/search 0.11.11-preview-644edaa1.0 → 0.12.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.12.0 (2025-06-23)
+
+
+### Features
+
+* **FF-6848:** added postfix to search ([98ecfc4](https://github.com/cloud-ru-tech/snack-uikit/commit/98ecfc49ca2f731f4a30654eb127d7d1a8f31e3c))
+
+
+
+
+
+## 0.11.11 (2025-06-23)
+
+### Only dependencies have been changed
+* [@snack-uikit/list@0.30.0](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/list/CHANGELOG.md)
+
+
+
+
+
 ## 0.11.10 (2025-06-19)
 
 ### Only dependencies have been changed

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

@@ -1,9 +1,6 @@
-import { SearchPrivateProps } from '@snack-uikit/search-private';
+import { SearchBaseProps } from '../../types';
 import { SearchAutocompleteProps } from '../SearchAutocomplete';
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-    /** Внешний бордер */
-    outline?: boolean;
-} & ((Pick<SearchAutocompleteProps, 'options'> & {
+export type SearchProps = SearchBaseProps & ((Pick<SearchAutocompleteProps, 'options'> & {
     /**
      * Работа в режиме Autocomplete в значении true
      *
@@ -12,7 +9,7 @@ export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
     autocomplete: true;
 }) | {
     autocomplete?: false;
-    /** В режиме FieldText options отсутсвуют */
+    /** В режиме FieldText options отсутствуют */
     options?: never;
 });
 export declare const Search: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/Search/Search.js

@@ -18,11 +18,7 @@ const utils_1 = require("@snack-uikit/utils");
 const constants_1 = require("../../constants");
 const SearchAutocomplete_1 = require("../SearchAutocomplete");
 const SearchFieldText_1 = require("../SearchFieldText");
-exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
-  var {
-      size = constants_1.SIZE.S
-    } = _a,
-    props = __rest(_a, ["size"]);
+exports.Search = (0, react_1.forwardRef)(function Search(props, ref) {
   const {
       value,
       onChange,
@@ -33,9 +29,11 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
       placeholder,
       onSubmit,
       className,
-      tabIndex
+      tabIndex,
+      postfix,
+      size = constants_1.SIZE.S
     } = props,
-    rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex"]);
+    rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex", "postfix", "size"]);
   const supportProps = (0, utils_1.extractSupportProps)(rest);
   if (props.autocomplete) {
     return (0, jsx_runtime_1.jsx)(SearchAutocomplete_1.SearchAutocomplete, Object.assign({
@@ -51,7 +49,8 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
       placeholder: placeholder,
       className: className,
       ref: ref,
-      tabIndex: tabIndex
+      tabIndex: tabIndex,
+      postfix: postfix
     }, supportProps));
   }
   return (0, jsx_runtime_1.jsx)(SearchFieldText_1.SearchFieldText, Object.assign({
@@ -66,6 +65,7 @@ exports.Search = (0, react_1.forwardRef)(function Search(_a, ref) {
     placeholder: placeholder,
     className: className,
     ref: ref,
-    tabIndex: tabIndex
+    tabIndex: tabIndex,
+    postfix: postfix
   }, supportProps));
 });

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

@@ -1,22 +1,21 @@
 import { BaseItemProps } from '@snack-uikit/list';
-import { SearchPrivateProps } from '@snack-uikit/search-private';
-export type SearchAutocompleteProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+import { SearchBaseProps } from '../../types';
+export type SearchAutocompleteProps = SearchBaseProps & {
     /**
      * Элементы выпадающие в Droplist в режиме Autocomplete.
      *
      * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
      */
     options: BaseItemProps[];
-    /** Внешний бордер */
-    outline?: boolean;
 };
-export declare const SearchAutocomplete: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
+export declare const SearchAutocomplete: import("react").ForwardRefExoticComponent<Omit<import("@snack-uikit/search-private").SearchPrivateProps, "onKeyDown"> & {
+    outline?: boolean;
+    postfix?: import("react").ReactNode;
+} & {
     /**
      * Элементы выпадающие в Droplist в режиме Autocomplete.
      *
      * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
      */
     options: BaseItemProps[];
-    /** Внешний бордер */
-    outline?: boolean;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/components/SearchAutocomplete/SearchAutocomplete.js

@@ -38,9 +38,10 @@ exports.SearchAutocomplete = (0, react_1.forwardRef)(function SearchAutocomplete
       onSubmit,
       onFocus,
       className,
-      tabIndex
+      tabIndex,
+      postfix
     } = _a,
-    rest = __rest(_a, ["size", "value", "onChange", "placeholder", "options", "loading", "outline", "onSubmit", "onFocus", "className", "tabIndex"]);
+    rest = __rest(_a, ["size", "value", "onChange", "placeholder", "options", "loading", "outline", "onSubmit", "onFocus", "className", "tabIndex", "postfix"]);
   const scrollRef = (0, react_1.useRef)(null);
   const localRef = (0, react_1.useRef)(null);
   const [isOpen, setIsOpen] = (0, react_1.useState)(false);
@@ -121,6 +122,7 @@ exports.SearchAutocomplete = (0, react_1.forwardRef)(function SearchAutocomplete
           outline: outline || undefined,
           focused: isOpen && Boolean((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.value) || undefined,
           "data-test-id": constants_1.TEST_IDS.decorator,
+          postfix: postfix,
           children: (0, jsx_runtime_1.jsx)(search_private_1.SearchPrivate, {
             loading: loading,
             value: value,

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { SearchProps } from '../Search';
+import { SearchBaseProps } from '../../types';
 export type SearchDecoratorProps = WithSupportProps<{
     children: ReactNode;
     focused?: boolean;
     className?: string;
-} & Pick<SearchProps, 'outline' | 'size'>>;
-export declare function SearchDecorator({ children, outline, size, focused, className, ...rest }: SearchDecoratorProps): import("react/jsx-runtime").JSX.Element;
+} & Pick<SearchBaseProps, 'outline' | 'size' | 'postfix'>>;
+export declare function SearchDecorator({ children, outline, size, focused, className, postfix, ...rest }: SearchDecoratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SearchDecorator/SearchDecorator.js

@@ -28,15 +28,16 @@ function SearchDecorator(_a) {
       outline,
       size = constants_1.SIZE.S,
       focused,
-      className
+      className,
+      postfix
     } = _a,
-    rest = __rest(_a, ["children", "outline", "size", "focused", "className"]);
-  return (0, jsx_runtime_1.jsx)("div", Object.assign({
+    rest = __rest(_a, ["children", "outline", "size", "focused", "className", "postfix"]);
+  return (0, jsx_runtime_1.jsxs)("div", Object.assign({
     className: (0, classnames_1.default)(styles_module_scss_1.default.decorator, className),
     "data-outline": outline || undefined,
     "data-size": size,
     "data-focused": focused || undefined
   }, (0, utils_1.extractSupportProps)(rest), {
-    children: children
+    children: [children, postfix]
   }));
 }

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

@@ -1,9 +1,6 @@
-import { SearchPrivateProps } from '@snack-uikit/search-private';
-export type SearchTextFieldProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-    /** Внешний бордер */
-    outline?: boolean;
-};
-export declare const SearchFieldText: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
-    /** Внешний бордер */
+import { SearchBaseProps } from '../../types';
+export type SearchTextFieldProps = SearchBaseProps;
+export declare const SearchFieldText: import("react").ForwardRefExoticComponent<Omit<import("@snack-uikit/search-private").SearchPrivateProps, "onKeyDown"> & {
     outline?: boolean;
+    postfix?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/cjs/types.d.ts

@@ -1,3 +1,11 @@
+import { ReactNode } from 'react';
+import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { ValueOf } from '@snack-uikit/utils';
 import { SIZE } from './constants';
 export type Size = ValueOf<typeof SIZE>;
+export type SearchBaseProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+    /** Внешний бордер */
+    outline?: boolean;
+    /** Произвольный постфикс для поля */
+    postfix?: ReactNode;
+};

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

@@ -1,9 +1,6 @@
-import { SearchPrivateProps } from '@snack-uikit/search-private';
+import { SearchBaseProps } from '../../types';
 import { SearchAutocompleteProps } from '../SearchAutocomplete';
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-    /** Внешний бордер */
-    outline?: boolean;
-} & ((Pick<SearchAutocompleteProps, 'options'> & {
+export type SearchProps = SearchBaseProps & ((Pick<SearchAutocompleteProps, 'options'> & {
     /**
      * Работа в режиме Autocomplete в значении true
      *
@@ -12,7 +9,7 @@ export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
     autocomplete: true;
 }) | {
     autocomplete?: false;
-    /** В режиме FieldText options отсутсвуют */
+    /** В режиме FieldText options отсутствуют */
     options?: never;
 });
 export declare const Search: import("react").ForwardRefExoticComponent<SearchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/Search/Search.js

@@ -15,12 +15,11 @@ import { extractSupportProps } from '@snack-uikit/utils';
 import { SIZE } from '../../constants';
 import { SearchAutocomplete } from '../SearchAutocomplete';
 import { SearchFieldText } from '../SearchFieldText';
-export const Search = forwardRef(function Search(_a, ref) {
-    var { size = SIZE.S } = _a, props = __rest(_a, ["size"]);
-    const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, tabIndex } = props, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex"]);
+export const Search = forwardRef(function Search(props, ref) {
+    const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, tabIndex, postfix, size = SIZE.S } = props, rest = __rest(props, ["value", "onChange", "onBlur", "onFocus", "outline", "loading", "placeholder", "onSubmit", "className", "tabIndex", "postfix", "size"]);
     const supportProps = extractSupportProps(rest);
     if (props.autocomplete) {
-        return (_jsx(SearchAutocomplete, Object.assign({ value: value, onChange: onChange, options: props.options, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex }, supportProps)));
+        return (_jsx(SearchAutocomplete, Object.assign({ value: value, onChange: onChange, options: props.options, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex, postfix: postfix }, supportProps)));
     }
-    return (_jsx(SearchFieldText, Object.assign({ value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex }, supportProps)));
+    return (_jsx(SearchFieldText, Object.assign({ value: value, onChange: onChange, onBlur: onBlur, onFocus: onFocus, onSubmit: onSubmit, size: size, outline: outline, loading: loading, placeholder: placeholder, className: className, ref: ref, tabIndex: tabIndex, postfix: postfix }, supportProps)));
 });

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

@@ -1,22 +1,21 @@
 import { BaseItemProps } from '@snack-uikit/list';
-import { SearchPrivateProps } from '@snack-uikit/search-private';
-export type SearchAutocompleteProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+import { SearchBaseProps } from '../../types';
+export type SearchAutocompleteProps = SearchBaseProps & {
     /**
      * Элементы выпадающие в Droplist в режиме Autocomplete.
      *
      * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
      */
     options: BaseItemProps[];
-    /** Внешний бордер */
-    outline?: boolean;
 };
-export declare const SearchAutocomplete: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
+export declare const SearchAutocomplete: import("react").ForwardRefExoticComponent<Omit<import("@snack-uikit/search-private").SearchPrivateProps, "onKeyDown"> & {
+    outline?: boolean;
+    postfix?: import("react").ReactNode;
+} & {
     /**
      * Элементы выпадающие в Droplist в режиме Autocomplete.
      *
      * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
      */
     options: BaseItemProps[];
-    /** Внешний бордер */
-    outline?: boolean;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/components/SearchAutocomplete/SearchAutocomplete.js

@@ -19,7 +19,7 @@ import { PRIVATE_SEARCH_TEST_IDS, SIZE, TEST_IDS } from '../../constants';
 import { SearchDecorator } from '../SearchDecorator';
 import styles from './styles.module.css';
 export const SearchAutocomplete = forwardRef(function SearchAutocomplete(_a, ref) {
-    var { size = SIZE.S, value, onChange, placeholder, options = [], loading, outline, onSubmit, onFocus, className, tabIndex } = _a, rest = __rest(_a, ["size", "value", "onChange", "placeholder", "options", "loading", "outline", "onSubmit", "onFocus", "className", "tabIndex"]);
+    var { size = SIZE.S, value, onChange, placeholder, options = [], loading, outline, onSubmit, onFocus, className, tabIndex, postfix } = _a, rest = __rest(_a, ["size", "value", "onChange", "placeholder", "options", "loading", "outline", "onSubmit", "onFocus", "className", "tabIndex", "postfix"]);
     const scrollRef = useRef(null);
     const localRef = useRef(null);
     const [isOpen, setIsOpen] = useState(false);
@@ -73,6 +73,6 @@ export const SearchAutocomplete = forwardRef(function SearchAutocomplete(_a, ref
     }), [handleOptionKeyDown, onChange, onSubmit, options]);
     return (_jsx("div", Object.assign({ className: cn(styles.wrap, className) }, rest, { children: _jsx(Droplist, { open: isOpen && options.length > 0, scroll: true, size: size, onOpenChange: setIsOpen, "data-test-id": TEST_IDS.droplist, triggerClassName: styles.triggerClassName, scrollRef: scrollRef, triggerElemRef: localRef, items: items, loading: loading, children: ({ onKeyDown }) => {
                 var _a;
-                return (_jsx(SearchDecorator, { size: size, outline: outline || undefined, focused: (isOpen && Boolean((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.value)) || undefined, "data-test-id": TEST_IDS.decorator, children: _jsx(SearchPrivate, { loading: loading, value: value, onChange: onChange, onSubmit: onSubmit, placeholder: placeholder, ref: mergeRefs(ref, localRef), onKeyDown: handleKeyDown(onKeyDown), onFocus: onFocus, size: size, "data-test-id": PRIVATE_SEARCH_TEST_IDS.field, tabIndex: tabIndex }) }));
+                return (_jsx(SearchDecorator, { size: size, outline: outline || undefined, focused: (isOpen && Boolean((_a = localRef.current) === null || _a === void 0 ? void 0 : _a.value)) || undefined, "data-test-id": TEST_IDS.decorator, postfix: postfix, children: _jsx(SearchPrivate, { loading: loading, value: value, onChange: onChange, onSubmit: onSubmit, placeholder: placeholder, ref: mergeRefs(ref, localRef), onKeyDown: handleKeyDown(onKeyDown), onFocus: onFocus, size: size, "data-test-id": PRIVATE_SEARCH_TEST_IDS.field, tabIndex: tabIndex }) }));
             } }) })));
 });

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

@@ -1,9 +1,9 @@
 import { ReactNode } from 'react';
 import { WithSupportProps } from '@snack-uikit/utils';
-import { SearchProps } from '../Search';
+import { SearchBaseProps } from '../../types';
 export type SearchDecoratorProps = WithSupportProps<{
     children: ReactNode;
     focused?: boolean;
     className?: string;
-} & Pick<SearchProps, 'outline' | 'size'>>;
-export declare function SearchDecorator({ children, outline, size, focused, className, ...rest }: SearchDecoratorProps): import("react/jsx-runtime").JSX.Element;
+} & Pick<SearchBaseProps, 'outline' | 'size' | 'postfix'>>;
+export declare function SearchDecorator({ children, outline, size, focused, className, postfix, ...rest }: SearchDecoratorProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SearchDecorator/SearchDecorator.js

@@ -9,12 +9,12 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { extractSupportProps } from '@snack-uikit/utils';
 import { SIZE } from '../../constants';
 import styles from './styles.module.css';
 export function SearchDecorator(_a) {
-    var { children, outline, size = SIZE.S, focused, className } = _a, rest = __rest(_a, ["children", "outline", "size", "focused", "className"]);
-    return (_jsx("div", Object.assign({ className: cn(styles.decorator, className), "data-outline": outline || undefined, "data-size": size, "data-focused": focused || undefined }, extractSupportProps(rest), { children: children })));
+    var { children, outline, size = SIZE.S, focused, className, postfix } = _a, rest = __rest(_a, ["children", "outline", "size", "focused", "className", "postfix"]);
+    return (_jsxs("div", Object.assign({ className: cn(styles.decorator, className), "data-outline": outline || undefined, "data-size": size, "data-focused": focused || undefined }, extractSupportProps(rest), { children: [children, postfix] })));
 }

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

@@ -1,9 +1,6 @@
-import { SearchPrivateProps } from '@snack-uikit/search-private';
-export type SearchTextFieldProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-    /** Внешний бордер */
-    outline?: boolean;
-};
-export declare const SearchFieldText: import("react").ForwardRefExoticComponent<Omit<SearchPrivateProps, "onKeyDown"> & {
-    /** Внешний бордер */
+import { SearchBaseProps } from '../../types';
+export type SearchTextFieldProps = SearchBaseProps;
+export declare const SearchFieldText: import("react").ForwardRefExoticComponent<Omit<import("@snack-uikit/search-private").SearchPrivateProps, "onKeyDown"> & {
     outline?: boolean;
+    postfix?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLInputElement>>;

package/dist/esm/types.d.ts

@@ -1,3 +1,11 @@
+import { ReactNode } from 'react';
+import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { ValueOf } from '@snack-uikit/utils';
 import { SIZE } from './constants';
 export type Size = ValueOf<typeof SIZE>;
+export type SearchBaseProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+    /** Внешний бордер */
+    outline?: boolean;
+    /** Произвольный постфикс для поля */
+    postfix?: ReactNode;
+};

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Search",
-  "version": "0.11.11-preview-644edaa1.0",
+  "version": "0.12.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -36,7 +36,7 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/list": "0.29.7-preview-644edaa1.0",
+    "@snack-uikit/list": "0.30.0",
     "@snack-uikit/search-private": "0.4.21",
     "@snack-uikit/utils": "3.8.2",
     "classnames": "2.5.1",
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@types/merge-refs": "1.0.0"
   },
-  "gitHead": "3a8c0893412768a16a57ffad69934ffda7383e83"
+  "gitHead": "36797d7f773dfbc80567421efca8ad28714f9c83"
 }

package/src/components/Search/Search.tsx

@@ -1,16 +1,14 @@
 import { forwardRef } from 'react';
 
-import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { extractSupportProps } from '@snack-uikit/utils';
 
 import { SIZE } from '../../constants';
+import { SearchBaseProps } from '../../types';
 import { SearchAutocomplete, SearchAutocompleteProps } from '../SearchAutocomplete';
 import { SearchFieldText } from '../SearchFieldText';
 
-export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-  /** Внешний бордер */
-  outline?: boolean;
-} & (
+export type SearchProps = SearchBaseProps &
+  (
     | (Pick<SearchAutocompleteProps, 'options'> & {
         /**
          * Работа в режиме Autocomplete в значении true
@@ -21,14 +19,27 @@ export type SearchProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
       })
     | {
         autocomplete?: false;
-        /** В режиме FieldText options отсутсвуют */
+        /** В режиме FieldText options отсутствуют */
         options?: never;
       }
   );
 
-export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search({ size = SIZE.S, ...props }, ref) {
-  const { value, onChange, onBlur, onFocus, outline, loading, placeholder, onSubmit, className, tabIndex, ...rest } =
-    props;
+export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(props, ref) {
+  const {
+    value,
+    onChange,
+    onBlur,
+    onFocus,
+    outline,
+    loading,
+    placeholder,
+    onSubmit,
+    className,
+    tabIndex,
+    postfix,
+    size = SIZE.S,
+    ...rest
+  } = props;
   const supportProps = extractSupportProps(rest);
 
   if (props.autocomplete) {
@@ -47,6 +58,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(
         className={className}
         ref={ref}
         tabIndex={tabIndex}
+        postfix={postfix}
         {...supportProps}
       />
     );
@@ -66,6 +78,7 @@ export const Search = forwardRef<HTMLInputElement, SearchProps>(function Search(
       className={className}
       ref={ref}
       tabIndex={tabIndex}
+      postfix={postfix}
       {...supportProps}
     />
   );

package/src/components/SearchAutocomplete/SearchAutocomplete.tsx

@@ -12,21 +12,20 @@ import {
 } from 'react';
 
 import { BaseItemProps, Droplist } from '@snack-uikit/list';
-import { SearchPrivate, SearchPrivateProps } from '@snack-uikit/search-private';
+import { SearchPrivate } from '@snack-uikit/search-private';
 
 import { PRIVATE_SEARCH_TEST_IDS, SIZE, TEST_IDS } from '../../constants';
+import { SearchBaseProps } from '../../types';
 import { SearchDecorator } from '../SearchDecorator';
 import styles from './styles.module.scss';
 
-export type SearchAutocompleteProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+export type SearchAutocompleteProps = SearchBaseProps & {
   /**
    * Элементы выпадающие в Droplist в режиме Autocomplete.
    *
    * На нажатие 'Space', 'Enter' или клике по элементу будет вызываться onSubmit.
    */
   options: BaseItemProps[];
-  /** Внешний бордер */
-  outline?: boolean;
 };
 
 export const SearchAutocomplete = forwardRef<HTMLInputElement, SearchAutocompleteProps>(function SearchAutocomplete(
@@ -42,6 +41,7 @@ export const SearchAutocomplete = forwardRef<HTMLInputElement, SearchAutocomplet
     onFocus,
     className,
     tabIndex,
+    postfix,
     ...rest
   },
   ref,
@@ -132,6 +132,7 @@ export const SearchAutocomplete = forwardRef<HTMLInputElement, SearchAutocomplet
             outline={outline || undefined}
             focused={(isOpen && Boolean(localRef.current?.value)) || undefined}
             data-test-id={TEST_IDS.decorator}
+            postfix={postfix}
           >
             <SearchPrivate
               loading={loading}

package/src/components/SearchDecorator/SearchDecorator.tsx

@@ -4,7 +4,7 @@ import { ReactNode } from 'react';
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
 import { SIZE } from '../../constants';
-import { SearchProps } from '../Search';
+import { SearchBaseProps } from '../../types';
 import styles from './styles.module.scss';
 
 export type SearchDecoratorProps = WithSupportProps<
@@ -12,7 +12,7 @@ export type SearchDecoratorProps = WithSupportProps<
     children: ReactNode;
     focused?: boolean;
     className?: string;
-  } & Pick<SearchProps, 'outline' | 'size'>
+  } & Pick<SearchBaseProps, 'outline' | 'size' | 'postfix'>
 >;
 
 export function SearchDecorator({
@@ -21,6 +21,7 @@ export function SearchDecorator({
   size = SIZE.S,
   focused,
   className,
+  postfix,
   ...rest
 }: SearchDecoratorProps) {
   return (
@@ -32,6 +33,7 @@ export function SearchDecorator({
       {...extractSupportProps(rest)}
     >
       {children}
+      {postfix}
     </div>
   );
 }

package/src/components/SearchFieldText/SearchFieldText.tsx

@@ -1,14 +1,12 @@
 import { forwardRef } from 'react';
 
-import { SearchPrivate, SearchPrivateProps } from '@snack-uikit/search-private';
+import { SearchPrivate } from '@snack-uikit/search-private';
 
 import { PRIVATE_SEARCH_TEST_IDS, SIZE } from '../../constants';
+import { SearchBaseProps } from '../../types';
 import { SearchDecorator } from '../SearchDecorator';
 
-export type SearchTextFieldProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
-  /** Внешний бордер */
-  outline?: boolean;
-};
+export type SearchTextFieldProps = SearchBaseProps;
 
 export const SearchFieldText = forwardRef<HTMLInputElement, SearchTextFieldProps>(function SearchFieldText(
   {

package/src/types.ts

@@ -1,5 +1,15 @@
+import { ReactNode } from 'react';
+
+import { SearchPrivateProps } from '@snack-uikit/search-private';
 import { ValueOf } from '@snack-uikit/utils';
 
 import { SIZE } from './constants';
 
 export type Size = ValueOf<typeof SIZE>;
+
+export type SearchBaseProps = Omit<SearchPrivateProps, 'onKeyDown'> & {
+  /** Внешний бордер */
+  outline?: boolean;
+  /** Произвольный постфикс для поля */
+  postfix?: ReactNode;
+};