@weavix/tracker-components 0.0.3 → 0.1.1

package/build/esm/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/esm/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/esm/components/Select/Select.scss

@@ -1,3 +1,5 @@
+@use '../../styles/mixins.scss';
+
 $arrowIconSpace: 25px;
 
 .tpc-select {
@@ -62,10 +64,7 @@ $arrowIconSpace: 25px;
 
         width: 100%;
 
-        overflow: hidden;
-
-        white-space: nowrap;
-        text-overflow: ellipsis;
+        @include mixins.text-overflow();
 
         &_disabled {
             cursor: default;

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

@@ -1,3 +1,3 @@
-import { block } from "../../cn";
+import { block } from "./../../cn";
 export var cnSelectSearch = block('select-search');
 // #sourceMappingURL=SelectSearch.classname.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnSelectSearch"],"sources":["SelectSearch.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSelectSearch = block('select-search');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,cAAc,GAAGD,KAAK,CAAC,eAAe,CAAC","ignoreList":[]}

package/build/esm/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/esm/components/Select/SelectSearch/SelectSearch.js

@@ -6,7 +6,7 @@ import "core-js/modules/es.array.iterator.js";
 import "core-js/modules/es.object.to-string.js";
 import "core-js/modules/web.dom-collections.iterator.js";
 import React, { memo } from 'react';
-import { Suggest } from '@yandex-data-ui/common';
+import { Suggest } from "./../../Suggest";
 import { TagsList } from "../TagsList/TagsList";
 import { cnSelectSearch } from "./SelectSearch.classname";
 import { useSelectSearch } from "./hooks/useSelectSearch";

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

@@ -1 +1 @@
-{"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"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":";;;;;;;AAAA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AAGjC,SAAQC,OAAO,QAAO,wBAAwB;AAG9C,SAAQC,QAAQ;AAEhB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe7B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAWE;EAAA,IAVxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACEC,gBAAgB,GAAAT,IAAA,CAA5BU,UAAU;IACPC,YAAY,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEf,IAAAC,gBAAA,GAAqBpB,eAAe,CAAC;MAACS,MAAM,EAANA,MAAM;MAAEM,gBAAgB,EAAhBA;IAAgB,CAAC,CAAC;IAAzDC,UAAU,GAAAI,gBAAA,CAAVJ,UAAU;EACjB,IAAMK,QAAQ,GAAGb,IAAI,KAAK,MAAM,KAAKc,OAAO,CAACR,UAAU,CAAC,IAAIQ,OAAO,CAACT,SAAS,CAAC,CAAC;EAE/E,oBACIT,KAAA;IAAKG,SAAS,EAAER,cAAc,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAgB,QAAA,gBAE5CrB,IAAA,CAACL,OAAO,EAAA2B,aAAA,CAAAA,aAAA;MACJC,YAAY,EAAE,KAAM;MACpBT,UAAU,EAAEA;IAAW,GACnBC,YAAY;MAChBN,cAAc,EAAEZ,cAAc,CAC1B,SAAS,EAAA2B,eAAA,KACP,WAAW,EAAGjB,MAAM,CAACkB,MAAM,GAAG,CAAC,GACjChB,cACJ,CAAE;MACFC,cAAc,EAAEb,cAAc,CAAC,OAAO,EAAEa,cAAc;IAAE,EAC3D,CAAC,EACDS,QAAQ,iBACLnB,IAAA;MAAKK,SAAS,EAAER,cAAc,CAAC,MAAM,CAAE;MAAAwB,QAAA,eACnCrB,IAAA,CAACJ,QAAQ;QACLW,MAAM,EAAEA,MAAO;QACfC,WAAW,EAAEA,WAAY;QACzBkB,SAAS,EAAEf,SAAU;QACrBC,UAAU,EAAEA,UAAY;QACxBe,QAAQ,EAAC,QAAQ;QACjBC,YAAY,EAAE/B,cAAc,CAAC,KAAK,CAAE;QACpCgC,OAAO,EAAC;MAAI,CACf;IAAC,CACD,CACR;EAAA,CACA,CAAC;AAEd,CAAC;AAED,OAAO,IAAMC,YAAY,gBAAGpC,IAAI,CAACS,oBAAoB,CAAgC","ignoreList":[]}
+{"version":3,"names":["React","memo","Suggest","TagsList","cnSelectSearch","useSelectSearch","jsx","_jsx","jsxs","_jsxs","SelectSearchInternal","_ref","className","mode","values","maxTagCount","inputClassName","popupClassName","tagRender","onDeselect","customRenderItem","renderItem","suggestProps","_objectWithoutProperties","_excluded","_useSelectSearch","withTags","Boolean","children","_objectSpread","autoComplete","_defineProperty","length","renderTag","tagTheme","tagClassName","tagSize","SelectSearch"],"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":";;;;;;;AAAA,OAAOA,KAAK,IAAGC,IAAI,QAAO,OAAO;AAGjC,SAAQC,OAAO;AAGf,SAAQC,QAAQ;AAEhB,SAAQC,cAAc;AACtB,SAAQC,eAAe;AAGvB;AAA6B,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAe7B,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAWE;EAAA,IAVxBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,MAAM,GAAAH,IAAA,CAANG,MAAM;IACNC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,SAAS,GAAAP,IAAA,CAATO,SAAS;IACTC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACEC,gBAAgB,GAAAT,IAAA,CAA5BU,UAAU;IACPC,YAAY,GAAAC,wBAAA,CAAAZ,IAAA,EAAAa,SAAA;EAEf,IAAAC,gBAAA,GAAqBpB,eAAe,CAAC;MAACS,MAAM,EAANA,MAAM;MAAEM,gBAAgB,EAAhBA;IAAgB,CAAC,CAAC;IAAzDC,UAAU,GAAAI,gBAAA,CAAVJ,UAAU;EACjB,IAAMK,QAAQ,GAAGb,IAAI,KAAK,MAAM,KAAKc,OAAO,CAACR,UAAU,CAAC,IAAIQ,OAAO,CAACT,SAAS,CAAC,CAAC;EAE/E,oBACIT,KAAA;IAAKG,SAAS,EAAER,cAAc,CAAC,IAAI,EAAEQ,SAAS,CAAE;IAAAgB,QAAA,gBAC5CrB,IAAA,CAACL,OAAO,EAAA2B,aAAA,CAAAA,aAAA;MACJC,YAAY,EAAE,KAAM;MACpBT,UAAU,EAAEA;IAAW,GACnBC,YAAY;MAChBN,cAAc,EAAEZ,cAAc,CAC1B,SAAS,EAAA2B,eAAA,KACP,WAAW,EAAGjB,MAAM,CAACkB,MAAM,GAAG,CAAC,GACjChB,cACJ,CAAE;MACFC,cAAc,EAAEb,cAAc,CAAC,OAAO,EAAEa,cAAc;IAAE,EAC3D,CAAC,EACDS,QAAQ,iBACLnB,IAAA;MAAKK,SAAS,EAAER,cAAc,CAAC,MAAM,CAAE;MAAAwB,QAAA,eACnCrB,IAAA,CAACJ,QAAQ;QACLW,MAAM,EAAEA,MAAO;QACfC,WAAW,EAAEA,WAAY;QACzBkB,SAAS,EAAEf,SAAU;QACrBC,UAAU,EAAEA,UAAY;QACxBe,QAAQ,EAAC,QAAQ;QACjBC,YAAY,EAAE/B,cAAc,CAAC,KAAK,CAAE;QACpCgC,OAAO,EAAC;MAAI,CACf;IAAC,CACD,CACR;EAAA,CACA,CAAC;AAEd,CAAC;AAED,OAAO,IAAMC,YAAY,gBAAGpC,IAAI,CAACS,oBAAoB,CAAgC","ignoreList":[]}

package/build/esm/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/esm/components/Select/SelectSearch/hooks/useSelectSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","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,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,QAAO,OAAO;AAGhD,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,IAAI,QAAO,mBAAmB;AAGtC,SAAQC,cAAc;AAAmC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAGZ,MAAM,CAA8B,CAAC;EAE1D,IAAMa,iBAAiB,GAAGd,WAAW,CACjC,UAACe,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,GAAGR,MAAM,CAACS,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACIR,KAAA;MAAKc,SAAS,EAAElB,cAAc,CAAC,QAAQ,EAAE;QAACc,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAK,QAAA,gBACjDjB,IAAA,CAACH,IAAI;QACDmB,SAAS,EAAElB,cAAc,CAAC,eAAe,EAAE;UAACe,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDK,IAAI,EAAEtB,KAAM;QACZuB,IAAI,EAAE;MAAG,CACZ,CAAC,eACFnB,IAAA;QAAAiB,QAAA,EAAON;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACN,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZa,UAAU,EAAEd,gBAAgB,IAAIE;EACpC,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useRef","Check","Icon","cnSelectSearch","jsx","_jsx","jsxs","_jsxs","useSelectSearch","_ref","values","customRenderItem","textInputRef","defaultRenderItem","option","value","content","disabled","active","some","item","className","children","data","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,OAAOA,KAAK,IAAGC,WAAW,EAAEC,MAAM,QAAO,OAAO;AAGhD,SAAQC,KAAK,QAAO,mBAAmB;AACvC,SAAQC,IAAI,QAAO,mBAAmB;AAItC,SAAQC,cAAc;AAAmC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQzD,OAAO,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAgE;EAAA,IAAvDC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;EACzD,IAAMC,YAAY,GAAGZ,MAAM,CAA8B,CAAC;EAE1D,IAAMa,iBAAiB,GAAGd,WAAW,CACjC,UAACe,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,GAAGR,MAAM,CAACS,IAAI,CAAC,UAACC,IAAI;MAAA,OAAKA,IAAI,CAACL,KAAK,KAAKA,KAAK;IAAA,EAAC;IAE1D,oBACIR,KAAA;MAAKc,SAAS,EAAElB,cAAc,CAAC,QAAQ,EAAE;QAACc,QAAQ,EAARA;MAAQ,CAAC,CAAE;MAAAK,QAAA,gBACjDjB,IAAA,CAACH,IAAI;QACDmB,SAAS,EAAElB,cAAc,CAAC,eAAe,EAAE;UAACe,MAAM,EAANA;QAAM,CAAC,CAAE;QACrDK,IAAI,EAAEtB,KAAM;QACZuB,IAAI,EAAE;MAAG,CACZ,CAAC,eACFnB,IAAA;QAAAiB,QAAA,EAAON;MAAO,CAAO,CAAC;IAAA,CACrB,CAAC;EAEd,CAAC,EACD,CAACN,MAAM,CACX,CAAC;EAED,OAAO;IACHE,YAAY,EAAZA,YAAY;IACZa,UAAU,EAAEd,gBAAgB,IAAIE;EACpC,CAAC;AACL,CAAC","ignoreList":[]}

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

@@ -1,3 +1,3 @@
-import { block } from "../../cn";
+import { block } from "./../../cn";
 export var cnTagsSelect = block('tags-select');
 // #sourceMappingURL=TagsSelect.classname.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '../../cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}
+{"version":3,"names":["block","cnTagsSelect"],"sources":["TagsSelect.classname.ts"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnTagsSelect = block('tags-select');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,YAAY,GAAGD,KAAK,CAAC,aAAa,CAAC","ignoreList":[]}

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

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

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

@@ -0,0 +1,3 @@
+import { block } from "./../cn";
+export var cnSuggest = block('suggest');
+// #sourceMappingURL=Suggest.classname.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["block","cnSuggest"],"sources":["Suggest.classname.tsx"],"sourcesContent":["import {block} from '~/src/components/cn';\n\nexport const cnSuggest = block('suggest');\n"],"mappings":"AAAA,SAAQA,KAAK;AAEb,OAAO,IAAMC,SAAS,GAAGD,KAAK,CAAC,SAAS,CAAC","ignoreList":[]}

package/build/esm/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/esm/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/esm/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 {};