@weavix/tracker-components 0.0.3 → 0.1.0

package/build/cjs/components/Select/MultiAutocomplete.d.ts

@@ -6,7 +6,7 @@ export type MultiAutocompleteProps = Omit<MultiSelectProps, 'filterable' | 'valu
     onUpdate: (value: SelectOption[]) => void;
     searchDelay?: number;
 };
-export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "onUpdate" | "value" | "filterable"> & {
+export declare const MultiAutocomplete: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "value" | "onUpdate" | "filterable"> & {
     value?: SelectOption[];
     onUpdate: (value: SelectOption[]) => void;
     searchDelay?: number;

package/build/cjs/components/Select/Select.classname.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cnSelect = void 0;
-var _cn = require("../cn");
+var _cn = require("./../cn");
 var cnSelect = exports.cnSelect = (0, _cn.block)('select');
 // #sourceMappingURL=Select.classname.js.map

package/build/cjs/components/Select/Select.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["_cn","require","cnSelect","exports","block"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '../cn';\n\nexport const cnSelect = block('select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,SAAK,EAAC,QAAQ,CAAC","ignoreList":[]}
+{"version":3,"names":["_cn","require","cnSelect","exports","block"],"sources":["Select.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelect = block('select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG,IAAAE,SAAK,EAAC,QAAQ,CAAC","ignoreList":[]}

package/build/cjs/components/Select/Select.css.map

@@ -1 +1 @@
-{"version":3,"sources":["Select.scss"],"names":[],"mappings":"AAGI;EACI,2BAAA;AAFR;AAIQ;EACI,oDAAA;EACA,wCAAA;AAFZ;AAMY;EACI,+BAAA;AAJhB;AAQQ;EACI,8BAAA;AANZ;AASQ;EACI,+BAAA;AAPZ;AAUQ;EACI,UAAA;AARZ;AAUY;EACI,SAAA;AARhB;AAYQ;EACI,8BAAA;AAVZ;AAYY;EACI,YAAA;AAVhB;AAgBgB;EACI,yBAAA;AAdpB;AAoBI;EACI,sBAAA;AAlBR;AAqBI;EACI,aAAA;EACA,uBAAA;AAnBR;AAsBI;EACI,qBAAA;EAEA,WAAA;EAEA,gBAAA;EAEA,mBAAA;EACA,uBAAA;AAvBR;AAyBQ;EACI,eAAA;EAEA,oCAAA;AAxBZ;AA4BI;EACI,uBAAA;AA1BR;AA8BQ;EACI,+BAAA;AA5BZ;AA+BQ;EACI,WAAA;EACA,gDAAA;AA7BZ;AAiCI;EACI,WAAA;AA/BR;AAkCI;EACI,uBAAA;AAhCR;AAkCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AAhCZ;AAmCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAlCZ;AAoCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAuCY;EACI,UAAA;AArChB;AAyCQ;EACI,8CAAA;AAvCZ;AA0CQ;EACI,oBAAA;AAxCZ;AA2CQ;EACI,YAAA;AAzCZ;AA4CQ;EACI,8BAAA;AA1CZ;AA6CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA5CZ;AAgDY;EACI,4CAAA;AA9ChB;AAqDY;EACI,gCAAA;AAnDhB;AAuDQ;EAEI,yDAAA;EACA,2BAAA;AAtDZ;AA2DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAzDZ","file":"Select.css","sourcesContent":["$arrowIconSpace: 25px;\n\n.tpc-select {\n    &__button {\n        vertical-align: text-bottom;\n\n        &_error::before {\n            --_--focus-outline-color: var(--g-color-line-danger);\n            border-color: var(--g-color-line-danger);\n        }\n\n        &:not(.tpc-select__button_with-icon) {\n            &.tpc-select__button_empty {\n                color: var(--g-color-text-hint);\n            }\n        }\n\n        &:not(.tpc-select__button_loading) {\n            justify-content: space-between;\n        }\n\n        &:disabled {\n            color: var(--g-color-text-hint);\n        }\n\n        &_clear {\n            padding: 0;\n\n            .g-button__icon_side_end {\n                margin: 0;\n            }\n        }\n\n        &_loading.g-button_width_max {\n            justify-content: space-between;\n\n            .g-button__text {\n                margin: auto;\n            }\n        }\n\n        &_platform {\n            &_desktop {\n                .tpc-select__chevron_open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n    }\n\n    &__loader {\n        vertical-align: middle;\n    }\n\n    &__items-loader {\n        display: flex;\n        justify-content: center;\n    }\n\n    &__option {\n        display: inline-block;\n\n        width: 100%;\n\n        overflow: hidden;\n\n        white-space: nowrap;\n        text-overflow: ellipsis;\n\n        &_disabled {\n            cursor: default;\n\n            color: var(--g-color-text-secondary);\n        }\n    }\n\n    &__no-options {\n        justify-content: center;\n    }\n\n    &__popup {\n        .g-select-list__group-label-content {\n            color: var(--g-color-text-hint);\n        }\n\n        .tpc-select__filter {\n            width: auto;\n            padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n        }\n    }\n\n    &__button-wrapper {\n        width: 100%;\n    }\n\n    &__popup_mobile {\n        --suggest-offset: 230px;\n\n        .tpc-select__filter {\n            width: auto;\n            padding: 0 var(--g-spacing-5);\n            margin-bottom: var(--g-spacing-2);\n        }\n\n        .g-sheet__sheet-content {\n            display: flex;\n            flex-direction: column;\n\n            padding: 0;\n\n            > div:not([class]) {\n                display: flex;\n                flex-direction: column;\n\n                flex: auto;\n                width: 100%;\n                min-height: 0;\n            }\n\n            .g-select-filter {\n                flex: none;\n            }\n\n            .g-select-list_mobile {\n                flex: auto;\n            }\n        }\n\n        .g-select-list__option {\n            padding: var(--g-spacing-2) var(--g-spacing-4);\n        }\n\n        .g-select-list__group-label-content {\n            font-weight: inherit;\n        }\n\n        .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n            height: auto;\n        }\n\n        .g-select-list__item:has(.g-select-list__group-label) {\n            margin-top: var(--g-spacing-2);\n        }\n\n        .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n            right: var(--g-spacing-3);\n            left: var(--g-spacing-3);\n\n            width: auto;\n        }\n\n        &.tpc-select__popup_filterable {\n            .g-sheet__sheet-content {\n                height: calc(100dvh - var(--suggest-offset));\n            }\n        }\n    }\n\n    &__popup:not(.tpc-select__popup_mobile) {\n        &.tpc-select__popup_with-groups {\n            .g-select-list__option {\n                padding-left: var(--g-spacing-4);\n            }\n        }\n\n        .g-select-list {\n            // override Select styles\n            /* stylelint-disable-next-line declaration-no-important */\n            max-height: 40vh !important;\n        }\n    }\n\n    &__title {\n        &_platform_touch {\n            padding-top: var(--g-spacing-3);\n            padding-bottom: var(--g-spacing-3);\n            margin: auto;\n        }\n    }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["Select.scss","../../styles/mixins.scss"],"names":[],"mappings":"AAKI;EACI,2BAAA;AAJR;AAMQ;EACI,oDAAA;EACA,wCAAA;AAJZ;AAQY;EACI,+BAAA;AANhB;AAUQ;EACI,8BAAA;AARZ;AAWQ;EACI,+BAAA;AATZ;AAYQ;EACI,UAAA;AAVZ;AAYY;EACI,SAAA;AAVhB;AAcQ;EACI,8BAAA;AAZZ;AAcY;EACI,YAAA;AAZhB;AAkBgB;EACI,yBAAA;AAhBpB;AAsBI;EACI,sBAAA;AApBR;AAuBI;EACI,aAAA;EACA,uBAAA;AArBR;AAwBI;EACI,qBAAA;EAEA,WAAA;EC7DJ,gBAAA;EAEA,mBAAA;EACA,uBAAA;ADsCJ;AAwBQ;EACI,eAAA;EAEA,oCAAA;AAvBZ;AA2BI;EACI,uBAAA;AAzBR;AA6BQ;EACI,+BAAA;AA3BZ;AA8BQ;EACI,WAAA;EACA,gDAAA;AA5BZ;AAgCI;EACI,WAAA;AA9BR;AAiCI;EACI,uBAAA;AA/BR;AAiCQ;EACI,WAAA;EACA,6BAAA;EACA,iCAAA;AA/BZ;AAkCQ;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;AAjCZ;AAmCY;EACI,aAAA;EACA,sBAAA;EAEA,UAAA;EACA,WAAA;EACA,aAAA;AAlChB;AAqCY;EACI,UAAA;AAnChB;AAsCY;EACI,UAAA;AApChB;AAwCQ;EACI,8CAAA;AAtCZ;AAyCQ;EACI,oBAAA;AAvCZ;AA0CQ;EACI,YAAA;AAxCZ;AA2CQ;EACI,8BAAA;AAzCZ;AA4CQ;EACI,yBAAA;EACA,wBAAA;EAEA,WAAA;AA3CZ;AA+CY;EACI,4CAAA;AA7ChB;AAoDY;EACI,gCAAA;AAlDhB;AAsDQ;EAEI,yDAAA;EACA,2BAAA;AArDZ;AA0DQ;EACI,+BAAA;EACA,kCAAA;EACA,YAAA;AAxDZ","file":"Select.css","sourcesContent":["@use '../../styles/mixins.scss';\n\n$arrowIconSpace: 25px;\n\n.tpc-select {\n    &__button {\n        vertical-align: text-bottom;\n\n        &_error::before {\n            --_--focus-outline-color: var(--g-color-line-danger);\n            border-color: var(--g-color-line-danger);\n        }\n\n        &:not(.tpc-select__button_with-icon) {\n            &.tpc-select__button_empty {\n                color: var(--g-color-text-hint);\n            }\n        }\n\n        &:not(.tpc-select__button_loading) {\n            justify-content: space-between;\n        }\n\n        &:disabled {\n            color: var(--g-color-text-hint);\n        }\n\n        &_clear {\n            padding: 0;\n\n            .g-button__icon_side_end {\n                margin: 0;\n            }\n        }\n\n        &_loading.g-button_width_max {\n            justify-content: space-between;\n\n            .g-button__text {\n                margin: auto;\n            }\n        }\n\n        &_platform {\n            &_desktop {\n                .tpc-select__chevron_open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n    }\n\n    &__loader {\n        vertical-align: middle;\n    }\n\n    &__items-loader {\n        display: flex;\n        justify-content: center;\n    }\n\n    &__option {\n        display: inline-block;\n\n        width: 100%;\n\n        @include mixins.text-overflow();\n\n        &_disabled {\n            cursor: default;\n\n            color: var(--g-color-text-secondary);\n        }\n    }\n\n    &__no-options {\n        justify-content: center;\n    }\n\n    &__popup {\n        .g-select-list__group-label-content {\n            color: var(--g-color-text-hint);\n        }\n\n        .tpc-select__filter {\n            width: auto;\n            padding: var(--g-spacing-1) var(--g-spacing-1) 0;\n        }\n    }\n\n    &__button-wrapper {\n        width: 100%;\n    }\n\n    &__popup_mobile {\n        --suggest-offset: 230px;\n\n        .tpc-select__filter {\n            width: auto;\n            padding: 0 var(--g-spacing-5);\n            margin-bottom: var(--g-spacing-2);\n        }\n\n        .g-sheet__sheet-content {\n            display: flex;\n            flex-direction: column;\n\n            padding: 0;\n\n            > div:not([class]) {\n                display: flex;\n                flex-direction: column;\n\n                flex: auto;\n                width: 100%;\n                min-height: 0;\n            }\n\n            .g-select-filter {\n                flex: none;\n            }\n\n            .g-select-list_mobile {\n                flex: auto;\n            }\n        }\n\n        .g-select-list__option {\n            padding: var(--g-spacing-2) var(--g-spacing-4);\n        }\n\n        .g-select-list__group-label-content {\n            font-weight: inherit;\n        }\n\n        .g-select-list_mobile .g-select-list__group-label:not(.g-select-list__group-label_empty) {\n            height: auto;\n        }\n\n        .g-select-list__item:has(.g-select-list__group-label) {\n            margin-top: var(--g-spacing-2);\n        }\n\n        .g-select-list__item:not(:first-child) .g-select-list__group-label::before {\n            right: var(--g-spacing-3);\n            left: var(--g-spacing-3);\n\n            width: auto;\n        }\n\n        &.tpc-select__popup_filterable {\n            .g-sheet__sheet-content {\n                height: calc(100dvh - var(--suggest-offset));\n            }\n        }\n    }\n\n    &__popup:not(.tpc-select__popup_mobile) {\n        &.tpc-select__popup_with-groups {\n            .g-select-list__option {\n                padding-left: var(--g-spacing-4);\n            }\n        }\n\n        .g-select-list {\n            // override Select styles\n            /* stylelint-disable-next-line declaration-no-important */\n            max-height: 40vh !important;\n        }\n    }\n\n    &__title {\n        &_platform_touch {\n            padding-top: var(--g-spacing-3);\n            padding-bottom: var(--g-spacing-3);\n            margin: auto;\n        }\n    }\n}\n","@forward '~@gravity-ui/uikit/styles/mixins';\n\n@mixin text-overflow {\n    overflow: hidden;\n\n    white-space: nowrap;\n    text-overflow: ellipsis;\n}\n"],"sourceRoot":""}

package/build/cjs/components/Select/Select.d.ts

@@ -4,7 +4,7 @@ export type SelectProps = Omit<MultiSelectProps, 'multiple' | 'value' | 'onUpdat
     value?: string;
     onUpdate: (value: string) => void;
 };
-export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onUpdate" | "value" | "onFocus" | "onBlur"> & {
+export declare const Select: React.ForwardRefExoticComponent<Omit<MultiSelectProps, "multiple" | "onFocus" | "value" | "onUpdate" | "onBlur"> & {
     value?: string;
     onUpdate: (value: string) => void;
 } & React.RefAttributes<HTMLButtonElement>>;

package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cnSelectSearch = void 0;
-var _cn = require("../../cn");
+var _cn = require("./../../cn");
 var cnSelectSearch = exports.cnSelectSearch = (0, _cn.block)('select-search');
 // #sourceMappingURL=SelectSearch.classname.js.map

package/build/cjs/components/Select/SelectSearch/SelectSearch.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["_cn","require","cnSelectSearch","exports","block"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,SAAK,EAAC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_cn","require","cnSelectSearch","exports","block"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,SAAK,EAAC,eAAe,CAAC","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/SelectSearch.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { ReactNode } from 'react';
-import type { SuggestProps } from '@yandex-data-ui/common';
+import type { SuggestProps } from '~/src/components/Suggest';
 import type { Option } from './types';
 import './SelectSearch.scss';
 export type SelectSearchProps<V = string> = SuggestProps & {

package/build/cjs/components/Select/SelectSearch/SelectSearch.js

@@ -11,7 +11,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _react = _interopRequireWildcard(require("react"));
-var _common = require("@yandex-data-ui/common");
+var _Suggest = require("./../../Suggest");
 var _TagsList = require("../TagsList/TagsList");
 var _SelectSearch = require("./SelectSearch.classname");
 var _useSelectSearch2 = require("./hooks/useSelectSearch");
@@ -39,7 +39,7 @@ var SelectSearchInternal = function SelectSearchInternal(_ref) {
   var withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _SelectSearch.cnSelectSearch)(null, className),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_common.Suggest, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Suggest.Suggest, (0, _objectSpread2.default)((0, _objectSpread2.default)({
       autoComplete: false,
       renderItem: renderItem
     }, suggestProps), {}, {

package/build/cjs/components/Select/SelectSearch/SelectSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_common","_TagsList","_SelectSearch","_useSelectSearch2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","useSelectSearch","withTags","Boolean","_jsxs","cnSelectSearch","children","_jsx","Suggest","_objectSpread","autoComplete","_defineProperty","length","TagsList","renderTag","tagTheme","tagClassName","tagSize","SelectSearch","exports","memo"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '@yandex-data-ui/common';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n    className?: string;\n    mode?: 'tags';\n    /** Max tag count to show */\n    maxTagCount?: number;\n    /** Customize tag render, only applies when mode is set to multiple or tags */\n    tagRender?: (option: Option<V>) => ReactNode;\n    /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n    onDeselect?: (value: V) => void;\n    /** Current selected option */\n    values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n    className,\n    mode,\n    values,\n    maxTagCount,\n    inputClassName,\n    popupClassName,\n    tagRender,\n    onDeselect,\n    renderItem: customRenderItem,\n    ...suggestProps\n}: SelectSearchProps<V>) => {\n    const {renderItem} = useSelectSearch({values, customRenderItem});\n    const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n    return (\n        <div className={cnSelectSearch(null, className)}>\n            {/*@ts-expect-error*/}\n            <Suggest\n                autoComplete={false}\n                renderItem={renderItem}\n                {...suggestProps}\n                inputClassName={cnSelectSearch(\n                    'suggest',\n                    {['mode_tags']: values.length > 0},\n                    inputClassName,\n                )}\n                popupClassName={cnSelectSearch('popup', popupClassName)}\n            />\n            {withTags && (\n                <div className={cnSelectSearch('tags')}>\n                    <TagsList<V>\n                        values={values}\n                        maxTagCount={maxTagCount}\n                        renderTag={tagRender}\n                        onDeselect={onDeselect!}\n                        tagTheme=\"normal\"\n                        tagClassName={cnSelectSearch('tag')}\n                        tagSize=\"xs\"\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Suggest","_TagsList","_SelectSearch","_useSelectSearch2","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","useSelectSearch","withTags","Boolean","_jsxs","cnSelectSearch","children","_jsx","Suggest","_objectSpread","autoComplete","_defineProperty","length","TagsList","renderTag","tagTheme","tagClassName","tagSize","SelectSearch","exports","memo"],"sources":["SelectSearch.tsx"],"sourcesContent":["import React, {memo} from 'react';\nimport type {ReactNode} from 'react';\n\nimport {Suggest} from '~/src/components/Suggest';\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {TagsList} from '../TagsList/TagsList';\n\nimport {cnSelectSearch} from './SelectSearch.classname';\nimport {useSelectSearch} from './hooks/useSelectSearch';\nimport type {Option} from './types';\n\nimport './SelectSearch.scss';\n\nexport type SelectSearchProps<V = string> = SuggestProps & {\n    className?: string;\n    mode?: 'tags';\n    /** Max tag count to show */\n    maxTagCount?: number;\n    /** Customize tag render, only applies when mode is set to multiple or tags */\n    tagRender?: (option: Option<V>) => ReactNode;\n    /** Called when an option is deselected, param is the selected option's value. Only called for tags */\n    onDeselect?: (value: V) => void;\n    /** Current selected option */\n    values: Option<V>[];\n};\n\nconst SelectSearchInternal = <V,>({\n    className,\n    mode,\n    values,\n    maxTagCount,\n    inputClassName,\n    popupClassName,\n    tagRender,\n    onDeselect,\n    renderItem: customRenderItem,\n    ...suggestProps\n}: SelectSearchProps<V>) => {\n    const {renderItem} = useSelectSearch({values, customRenderItem});\n    const withTags = mode === 'tags' && (Boolean(onDeselect) || Boolean(tagRender));\n\n    return (\n        <div className={cnSelectSearch(null, className)}>\n            <Suggest\n                autoComplete={false}\n                renderItem={renderItem}\n                {...suggestProps}\n                inputClassName={cnSelectSearch(\n                    'suggest',\n                    {['mode_tags']: values.length > 0},\n                    inputClassName,\n                )}\n                popupClassName={cnSelectSearch('popup', popupClassName)}\n            />\n            {withTags && (\n                <div className={cnSelectSearch('tags')}>\n                    <TagsList<V>\n                        values={values}\n                        maxTagCount={maxTagCount}\n                        renderTag={tagRender}\n                        onDeselect={onDeselect!}\n                        tagTheme=\"normal\"\n                        tagClassName={cnSelectSearch('tag')}\n                        tagSize=\"xs\"\n                    />\n                </div>\n            )}\n        </div>\n    );\n};\n\nexport const SelectSearch = memo(SelectSearchInternal) as typeof SelectSearchInternal;\n"],"mappings":"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","ignoreList":[]}

package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { SuggestProps } from '@yandex-data-ui/common';
+import type { SuggestProps } from '~/src/components/Suggest';
 import type { Option } from '../types';
 export type UseSelectSearchProps<V> = {
     customRenderItem?: SuggestProps['renderItem'];
@@ -7,5 +7,5 @@ export type UseSelectSearchProps<V> = {
 };
 export declare const useSelectSearch: <V>({ values, customRenderItem }: UseSelectSearchProps<V>) => {
     textInputRef: React.MutableRefObject<React.RefObject<HTMLInputElement> | undefined>;
-    renderItem: ((item: any) => ReactNode) | ((option: Option<V>) => React.JSX.Element);
+    renderItem: ((item: any) => React.ReactNode) | ((option: Option<V>) => React.JSX.Element);
 };

package/build/cjs/components/Select/SelectSearch/hooks/useSelectSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_SelectSearch","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useSelectSearch","exports","_ref","values","customRenderItem","textInputRef","useRef","defaultRenderItem","useCallback","option","value","content","disabled","active","some","item","_jsxs","className","cnSelectSearch","children","_jsx","Icon","data","Check","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\nimport type {SuggestProps} from '@yandex-data-ui/common';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n    customRenderItem?: SuggestProps['renderItem'];\n    values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n    const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n    const defaultRenderItem = useCallback(\n        (option: Option<V>) => {\n            const {value, content, disabled} = option;\n            const active = values.some((item) => item.value === value);\n\n            return (\n                <div className={cnSelectSearch('option', {disabled})}>\n                    <Icon\n                        className={cnSelectSearch('selected-icon', {active})}\n                        data={Check}\n                        size={16}\n                    />\n                    <span>{content}</span>\n                </div>\n            );\n        },\n        [values],\n    );\n\n    return {\n        textInputRef,\n        renderItem: customRenderItem || defaultRenderItem,\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQlD,IAAMkB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAA8B,CAAC;EAE1D,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACjC,UAACC,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGV,MAAM,CAACW,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACI,IAAAM,gBAAA;MAAKC,SAAS,EAAE,IAAAC,4BAAc,EAAC,QAAQ,EAAE;QAACN,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAO,QAAA,gBACjD,IAAAC,eAAA,EAACC,WAAI;QACDJ,SAAS,EAAE,IAAAC,4BAAc,EAAC,eAAe,EAAE;UAACL,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDS,IAAI,EAAEC,YAAM;QACZC,IAAI,EAAE;MAAG,CACZ,CAAC,eACF,IAAAJ,eAAA;QAAAD,QAAA,EAAOR;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACR,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZoB,UAAU,EAAErB,gBAAgB,IAAIG;EACpC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_icons","_uikit","_SelectSearch","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useSelectSearch","exports","_ref","values","customRenderItem","textInputRef","useRef","defaultRenderItem","useCallback","option","value","content","disabled","active","some","item","_jsxs","className","cnSelectSearch","children","_jsx","Icon","data","Check","size","renderItem"],"sources":["useSelectSearch.tsx"],"sourcesContent":["import React, {useCallback, useRef} from 'react';\nimport type {RefObject} from 'react';\n\nimport {Check} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport type {SuggestProps} from '~/src/components/Suggest';\n\nimport {cnSelectSearch} from '../SelectSearch.classname';\nimport type {Option} from '../types';\n\nexport type UseSelectSearchProps<V> = {\n    customRenderItem?: SuggestProps['renderItem'];\n    values: Option<V>[];\n};\n\nexport const useSelectSearch = <V,>({values, customRenderItem}: UseSelectSearchProps<V>) => {\n    const textInputRef = useRef<RefObject<HTMLInputElement>>();\n\n    const defaultRenderItem = useCallback(\n        (option: Option<V>) => {\n            const {value, content, disabled} = option;\n            const active = values.some((item) => item.value === value);\n\n            return (\n                <div className={cnSelectSearch('option', {disabled})}>\n                    <Icon\n                        className={cnSelectSearch('selected-icon', {active})}\n                        data={Check}\n                        size={16}\n                    />\n                    <span>{content}</span>\n                </div>\n            );\n        },\n        [values],\n    );\n\n    return {\n        textInputRef,\n        renderItem: customRenderItem || defaultRenderItem,\n    };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAIA,IAAAG,aAAA,GAAAH,OAAA;AAAyD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAQlD,IAAMkB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAAE,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAG,IAAAC,aAAM,EAA8B,CAAC;EAE1D,IAAMC,iBAAiB,GAAG,IAAAC,kBAAW,EACjC,UAACC,MAAiB,EAAK;IACnB,IAAOC,KAAK,GAAuBD,MAAM,CAAlCC,KAAK;MAAEC,OAAO,GAAcF,MAAM,CAA3BE,OAAO;MAAEC,QAAQ,GAAIH,MAAM,CAAlBG,QAAQ;IAC/B,IAAMC,MAAM,GAAGV,MAAM,CAACW,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACI,IAAAM,gBAAA;MAAKC,SAAS,EAAE,IAAAC,4BAAc,EAAC,QAAQ,EAAE;QAACN,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAO,QAAA,gBACjD,IAAAC,eAAA,EAACC,WAAI;QACDJ,SAAS,EAAE,IAAAC,4BAAc,EAAC,eAAe,EAAE;UAACL,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDS,IAAI,EAAEC,YAAM;QACZC,IAAI,EAAE;MAAG,CACZ,CAAC,eACF,IAAAJ,eAAA;QAAAD,QAAA,EAAOR;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACR,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZoB,UAAU,EAAErB,gBAAgB,IAAIG;EACpC,CAAC;AACL,CAAC","ignoreList":[]}

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.cnTagsSelect = void 0;
-var _cn = require("../../cn");
+var _cn = require("./../../cn");
 var cnTagsSelect = exports.cnTagsSelect = (0, _cn.block)('tags-select');
 // #sourceMappingURL=TagsSelect.classname.js.map

package/build/cjs/components/Select/TagsSelect/TagsSelect.classname.js.map

@@ -1 +1 @@
-{"version":3,"names":["_cn","require","cnTagsSelect","exports","block"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["_cn","require","cnTagsSelect","exports","block"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,SAAK,EAAC,aAAa,CAAC","ignoreList":[]}

package/build/cjs/components/Suggest/Suggest.classname.d.ts

@@ -0,0 +1 @@
+export declare const cnSuggest: import("@bem-react/classname").ClassNameFormatter;

package/build/cjs/components/Suggest/Suggest.classname.js

@@ -0,0 +1,9 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.cnSuggest = void 0;
+var _cn = require("./../cn");
+var cnSuggest = exports.cnSuggest = (0, _cn.block)('suggest');
+// #sourceMappingURL=Suggest.classname.js.map

package/build/cjs/components/Suggest/Suggest.classname.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_cn","require","cnSuggest","exports","block"],"sources":["Suggest.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSuggest = block('suggest');\n"],"mappings":";;;;;;AAAA,IAAAA,GAAA,GAAAC,OAAA;AAEO,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,SAAK,EAAC,SAAS,CAAC","ignoreList":[]}

package/build/cjs/components/Suggest/Suggest.css

@@ -0,0 +1,24 @@
+.tpc-suggest__popup {
+  max-height: 40vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+  overflow: hidden auto;
+}
+.tpc-suggest__popup_has-fallback {
+  min-height: -moz-min-content;
+  min-height: min-content;
+}
+.tpc-suggest__loader {
+  display: flex;
+  justify-content: center;
+  padding: calc(var(--g-spacing-2) + var(--g-spacing-half));
+}
+.tpc-suggest__list {
+  box-sizing: border-box;
+  display: flex;
+}
+.tpc-suggest__item {
+  width: 100%;
+  overflow: hidden;
+}
+/*# sourceMappingURL=Suggest.css.map */

package/build/cjs/components/Suggest/Suggest.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Suggest.scss"],"names":[],"mappings":"AAKI;EACI,gBAAA;EACA,kBAAA;EAAA,gBAAA;EAAA,qBAAA;AAJR;AAMQ;EACI,4BAAA;EAAA,uBAAA;AAJZ;AAQI;EACI,aAAA;EACA,uBAAA;EACA,yDAAA;AANR;AASI;EACI,sBAAA;EACA,aAAA;AAPR;AAUI;EACI,WAAA;EACA,gBAAA;AARR","file":"Suggest.css","sourcesContent":["@use '../../styles/variables.scss';\n\n$block: '.#{variables.$ns}suggest';\n\n#{$block} {\n    &__popup {\n        max-height: 40vh;\n        overflow: hidden auto;\n\n        &_has-fallback {\n            min-height: min-content;\n        }\n    }\n\n    &__loader {\n        display: flex;\n        justify-content: center;\n        padding: calc(var(--g-spacing-2) + var(--g-spacing-half));\n    }\n\n    &__list {\n        box-sizing: border-box;\n        display: flex;\n    }\n\n    &__item {\n        width: 100%;\n        overflow: hidden;\n    }\n}\n"],"sourceRoot":""}

package/build/cjs/components/Suggest/Suggest.d.ts

@@ -0,0 +1,147 @@
+import React, { FC, ReactNode } from 'react';
+import { List, ListItemData, PopupPlacement, PopupProps, TextInputPin, TextInputProps, TextInputSize } from '@gravity-ui/uikit';
+import type { DOMProps, QAProps } from '@gravity-ui/uikit';
+import './Suggest.scss';
+export type RenderStyle = 'popup' | 'inline';
+export type RenderFallbackContentProps = {
+    text: string;
+    error?: Error | null;
+};
+export interface SuggestProps<T = any> extends DOMProps, QAProps {
+    /** Текст в поле ввода */
+    text: string;
+    /** Функция, реагирующая на изменения текста `text` в поле ввода */
+    onUpdate: (item: string) => void;
+    /** Функция, принимающая текст из поля ввода и возвращающая новый список элементов саджеста или `Promise` */
+    getItems: (text: string) => ListItemData<T>[] | Promise<ListItemData<T>[]>;
+    /** Обработчик клика по элементу саджеста */
+    onItemClick?: (item: T, index?: number, fromKeyboard?: boolean) => boolean | void;
+    /** Функция для кастомного лейаута саджеста. */
+    children?: (input: ReactNode, items: ListItemData<T>[], loading: boolean) => ReactNode;
+    /** Placeholder поля ввода */
+    placeholder?: string;
+    /** Сделать поле ввода неактивным */
+    disabled?: boolean;
+    /** Атрибут `autocomplete` поля ввода */
+    autoComplete?: TextInputProps['autoComplete'];
+    /** Включить автофокус поля ввода */
+    autoFocus?: boolean;
+    popupPlacement?: PopupPlacement;
+    /** Микс для имени класса попапа */
+    popupClassName?: string;
+    /** Отключает floating-ui портал попапа */
+    popupDisablePortal?: boolean;
+    /** Микс для имени класса импута */
+    inputClassName?: string;
+    /** Высота элемента саджеста в `px` или функция, возвращающая значение высоты для элемента саджеста: `(item: any) => number`. Используется только при `virtualized: true`. */
+    itemHeight?: number | ((item: ListItemData<T>) => number);
+    /** Флаг, указывающий, что значение из поля ввода должно быть обработано, и не обязательно должен быть выбран элемент из саджеста. Должен быть указан `onInputEnterKeyDown`. */
+    applicableInputValue?: boolean;
+    /** Запрашивать список элементов саджеста при начальной отрисовке компонента */
+    getItemsOnMount?: boolean;
+    /** Показывать элементы саджеста при пустом поле ввода */
+    showItemsOnNoText?: boolean;
+    /** Обработчик нажатия Tab в поле ввода или на элемент списка. Используется только при открытом попапе саджеста */
+    onTabKeyDown?: (text: string, event: React.KeyboardEvent, extra: {
+        items: ListItemData<T>[];
+        activeItem: number | undefined;
+    }) => boolean | undefined;
+    /** Обработчик нажатия Enter в поле ввода. Если не указан, то по Enter будет срабатывать `onItemClick` на активном элементе саджеста. Используется только при `applicableInputValue: true`. */
+    onInputEnterKeyDown?: (text: string, event: React.KeyboardEvent) => void;
+    /** Обработчик нажатия любой клавиши в поле ввода */
+    onInputKeyDown?: (text: string, event: React.KeyboardEvent) => void;
+    /** Функция, которая будет вызвана на блюр текстового инпута */
+    onBlur?: () => void;
+    /** Функция, которая будет вызвана при открытии или закрытии попапа */
+    onOpenChange?: (isOpen: boolean) => void;
+    /** Включить синхронизацию ширины поля ввода и попапа саджеста при ресайзе окна */
+    syncPopupOnResize?: boolean;
+    /** Выключить показ сообщение об отсутствии совпадений */
+    showNoItemsMessage?: boolean;
+    /** Размер поля ввода */
+    size?: TextInputSize;
+    /** Включить виртуализацию. При выключенном флаге будут отрисованы все элементы саджеста разом. */
+    virtualized?: boolean;
+    /** Функция рендера, получающая на вход элемент саджеста и возвращающая React-ноду */
+    renderItem?: (item: T) => ReactNode;
+    /** Время в мс для отложенного вызова `getItems` после `onUpdate` */
+    debounce?: number;
+    /** Значение пробрасывается в TextInput.props.pin */
+    pin?: TextInputPin;
+    id?: string;
+    renderStyle?: RenderStyle;
+    /** Кнопка очистки инпута */
+    hasClear?: boolean;
+    /** Функция, высчитывающая какой Item сделать активным после резолва getItems */
+    getInitialActiveItemIndex?: (items: ListItemData<T>[]) => number;
+    /** Значение пробрасывается в TextInput.props.error */
+    error?: TextInputProps['error'];
+    /** Значение пробрасывается в TextInput.props.errorPlacement */
+    errorPlacement?: TextInputProps['errorPlacement'];
+    /** Значение пробрасывается в Popup.props.offset */
+    popupOffset?: PopupProps['offset'];
+    /** Генератор кастомного сообщения о пустом списке элементов на основе текущего значения поля ввода */
+    /**
+     * @deprecated use renderEmptyResultFallbackContent
+     */
+    getNoItemsMessage?: (text: string) => ReactNode;
+    /** Генератор кастомного сообщения о пустом списке элементов на основе текущего значения поля ввода */
+    renderEmptyResult?: FC<RenderFallbackContentProps>;
+    /** Генератор кастомного сообщения об ошибке загрузки данных */
+    renderFetchItemsError?: FC<RenderFallbackContentProps>;
+    /** Дополнительные пропсы для контрола */
+    controlProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /** Нода, которая рендерится перед инпутом внутри TextInput */
+    startContent?: ReactNode;
+    /** Нода, которая рендерится после инпута и кнопки очистки внутри TextInput */
+    endContent?: ReactNode;
+    /** Ссылка для доступа к TextInput */
+    controlRef?: TextInputProps['controlRef'];
+}
+interface SuggestState<T> {
+    progress: boolean;
+    focused: boolean;
+    items: ListItemData<T>[];
+    progressTimerId: ReturnType<typeof setTimeout> | null;
+    activeIndex?: number;
+    fetchError: Error | null;
+    showEmptyMessage: boolean;
+}
+interface SuggestLocalizationProps {
+    t: (key: string, params?: Record<string, unknown>) => string;
+}
+export declare class SuggestView<T = any> extends React.PureComponent<SuggestProps<T> & SuggestLocalizationProps, SuggestState<T>> {
+    static defaultProps: Partial<SuggestProps>;
+    static getDerivedStateFromProps<Props extends SuggestProps>(nextProps: Props): {
+        items: never[];
+    } | null;
+    state: SuggestState<T>;
+    throttledForceUpdate: import("lodash").DebouncedFunc<() => void>;
+    textInputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLDivElement>;
+    listRef: React.RefObject<List<T>>;
+    latestPromise?: Promise<T[]>;
+    _getItems: import("lodash").DebouncedFunc<(text: string) => Promise<void>>;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: SuggestProps): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    renderIllustration(type: '404' | '500'): (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+    getItems(text: string): void;
+    private setProgressWithDelay;
+    private clearProgress;
+    private handleClosePopup;
+    private renderItem;
+    private onItemClick;
+    private onChangeActive;
+    private renderDefaultPopupFallback;
+    private getRenderFallbackContent;
+    private renderPopupContent;
+    private onUpdate;
+    private isPopupHasContent;
+    private onInputKeyDown;
+    private moveCursorToEdge;
+    private updateTextInputRef;
+}
+export declare const Suggest: <T = any>(props: SuggestProps<T> & React.RefAttributes<SuggestView<T>>) => React.ReactElement;
+export {};