amis-ui 6.2.2 → 6.4.0

package/esm/components/ResultBox.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -66,7 +66,7 @@ var ResultBox = /** @class */ (function (_super) {
     };
     ResultBox.prototype.renderMultipeTags = function (tags) {
         var _this = this;
-        var _a = this.props, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, itemRender = _a.itemRender, cx = _a.classnames, showInvalidMatch = _a.showInvalidMatch, popOverContainer = _a.popOverContainer;
+        var _a = this.props, maxTagCount = _a.maxTagCount, overflowTagPopover = _a.overflowTagPopover, itemRender = _a.itemRender, cx = _a.classnames, showInvalidMatch = _a.showInvalidMatch, popOverContainer = _a.popOverContainer, testIdBuilder = _a.testIdBuilder;
         if (maxTagCount != null &&
             isInteger(Math.floor(maxTagCount)) &&
             Math.floor(maxTagCount) >= 0 &&
@@ -77,43 +77,47 @@ var ResultBox = /** @class */ (function (_super) {
                 { label: "+ ".concat(tags.length - maxVisibleCount_1, " ...") }
             ], false).map(function (item, index) {
                 var isShowInvalid = showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched);
+                var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(item.value || index);
                 return index === maxVisibleCount_1 ? (React__default.createElement(TooltipWrapper, { key: tags.length, container: popOverContainer, tooltip: __assign(__assign({}, tooltipProps_1), { children: function () { return (React__default.createElement("div", { className: cx('ResultBox-overflow-wrapper') }, tags
                             .slice(maxVisibleCount_1, tags.length)
                             .map(function (item, index) {
                             var itemIndex = index + maxVisibleCount_1;
-                            return (React__default.createElement("div", { className: cx('ResultBox-value', {
+                            return (React__default.createElement("div", __assign({ className: cx('ResultBox-value', {
                                     'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
-                                }), key: itemIndex },
+                                }), key: itemIndex }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
                                 React__default.createElement("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
-                                React__default.createElement("a", { "data-index": itemIndex, onClick: _this.removeItem },
+                                React__default.createElement("a", __assign({ "data-index": itemIndex, onClick: _this.removeItem }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
                                     React__default.createElement(Icon, { icon: "close", className: "icon" }))));
                         }))); } }) },
                     React__default.createElement("div", { className: cx('ResultBox-value', {
                             'is-invalid': isShowInvalid
                         }), key: index },
                         React__default.createElement("span", { className: cx('ResultBox-valueLabel') }, item.label)))) : (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
-                    React__default.createElement("div", { className: cx('ResultBox-value', {
+                    React__default.createElement("div", __assign({ className: cx('ResultBox-value', {
                             'is-invalid': isShowInvalid
-                        }) },
+                        }) }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
                         React__default.createElement("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
-                        React__default.createElement("a", { "data-index": index, onClick: _this.removeItem },
+                        React__default.createElement("a", __assign({ "data-index": index, onClick: _this.removeItem }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
                             React__default.createElement(Icon, { icon: "close", className: "icon" })))));
             });
         }
-        return tags.map(function (item, index) { return (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
-            React__default.createElement("div", { className: cx('ResultBox-value', {
-                    'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
-                }) },
-                React__default.createElement("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
-                React__default.createElement("a", { "data-index": index, onClick: _this.removeItem },
-                    React__default.createElement(Icon, { icon: "close", className: "icon" }))))); });
+        return tags.map(function (item, index) {
+            var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild(index);
+            return (React__default.createElement(TooltipWrapper, { container: popOverContainer, placement: 'top', tooltip: item['label'], trigger: 'hover', key: index },
+                React__default.createElement("div", __assign({ className: cx('ResultBox-value', {
+                        'is-invalid': showInvalidMatch && (item === null || item === void 0 ? void 0 : item.__unmatched)
+                    }) }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getTestId()),
+                    React__default.createElement("span", { className: cx('ResultBox-valueLabel') }, itemRender(item)),
+                    React__default.createElement("a", __assign({ "data-index": index, onClick: _this.removeItem }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
+                        React__default.createElement(Icon, { icon: "close", className: "icon" })))));
+        });
     };
     ResultBox.prototype.render = function () {
         var _a;
         /** 不需要透传给Input的属性要解构出来 */
-        var _b = this.props, className = _b.className, cx = _b.classnames; _b.classPrefix; var clearable = _b.clearable, disabled = _b.disabled, hasError = _b.hasError, result = _b.result, value = _b.value, placeholder = _b.placeholder, children = _b.children, itemRender = _b.itemRender, allowInput = _b.allowInput, inputPlaceholder = _b.inputPlaceholder; _b.onResultChange; _b.onChange; var onResultClick = _b.onResultClick, __ = _b.translate; _b.locale; var onKeyPress = _b.onKeyPress, onFocus = _b.onFocus, onBlur = _b.onBlur, borderMode = _b.borderMode, mobileUI = _b.mobileUI, hasDropDownArrow = _b.hasDropDownArrow, actions = _b.actions; _b.onClear; _b.maxTagCount; _b.overflowTagPopover; var showArrow = _b.showArrow; _b.popOverContainer; var rest = __rest(_b, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "result", "value", "placeholder", "children", "itemRender", "allowInput", "inputPlaceholder", "onResultChange", "onChange", "onResultClick", "translate", "locale", "onKeyPress", "onFocus", "onBlur", "borderMode", "mobileUI", "hasDropDownArrow", "actions", "onClear", "maxTagCount", "overflowTagPopover", "showArrow", "popOverContainer"]);
+        var _b = this.props, className = _b.className, cx = _b.classnames; _b.classPrefix; var clearable = _b.clearable, disabled = _b.disabled, hasError = _b.hasError, result = _b.result, value = _b.value, placeholder = _b.placeholder, children = _b.children, itemRender = _b.itemRender, allowInput = _b.allowInput, inputPlaceholder = _b.inputPlaceholder; _b.onResultChange; _b.onChange; var onResultClick = _b.onResultClick, __ = _b.translate; _b.locale; var onKeyPress = _b.onKeyPress, onFocus = _b.onFocus, onBlur = _b.onBlur, borderMode = _b.borderMode, mobileUI = _b.mobileUI, hasDropDownArrow = _b.hasDropDownArrow, actions = _b.actions; _b.onClear; _b.maxTagCount; _b.overflowTagPopover; var showArrow = _b.showArrow; _b.popOverContainer; var testIdBuilder = _b.testIdBuilder, rest = __rest(_b, ["className", "classnames", "classPrefix", "clearable", "disabled", "hasError", "result", "value", "placeholder", "children", "itemRender", "allowInput", "inputPlaceholder", "onResultChange", "onChange", "onResultClick", "translate", "locale", "onKeyPress", "onFocus", "onBlur", "borderMode", "mobileUI", "hasDropDownArrow", "actions", "onClear", "maxTagCount", "overflowTagPopover", "showArrow", "popOverContainer", "testIdBuilder"]);
         var isFocused = this.state.isFocused;
-        return (React__default.createElement("div", { className: cx('ResultBox', className, (_a = {
+        return (React__default.createElement("div", __assign({ className: cx('ResultBox', className, (_a = {
                     'is-focused': isFocused,
                     'is-disabled': disabled,
                     'is-error': hasError,
@@ -123,7 +127,7 @@ var ResultBox = /** @class */ (function (_super) {
                     'is-group': Array.isArray(result)
                 },
                 _a["ResultBox--border".concat(ucFirst(borderMode))] = borderMode,
-                _a)), onClick: onResultClick, tabIndex: !allowInput && !disabled && onFocus ? 0 : -1, onKeyPress: allowInput ? undefined : onKeyPress, onFocus: allowInput ? undefined : onFocus, onBlur: allowInput ? undefined : onBlur },
+                _a)), onClick: onResultClick, tabIndex: !allowInput && !disabled && onFocus ? 0 : -1, onKeyPress: allowInput ? undefined : onKeyPress, onFocus: allowInput ? undefined : onFocus, onBlur: allowInput ? undefined : onBlur }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getTestId()),
             React__default.createElement("div", { className: cx('ResultBox-value-wrap') },
                 Array.isArray(result) && result.length ? (this.renderMultipeTags(result)) : result && !Array.isArray(result) ? (React__default.createElement("span", { className: cx('ResultBox-singleValue') }, isPlainObject(result) ? itemRender(result) : result)) : allowInput && !disabled ? null : (React__default.createElement("span", { className: cx('ResultBox-placeholder') }, __(placeholder || 'placeholder.noData'))),
                 allowInput && !disabled ? (React__default.createElement(Input, __assign({}, rest, { className: cx('ResultBox-value-input'), onKeyPress: onKeyPress, ref: this.inputRef, value: value || '', onChange: this.handleChange, placeholder: __(
@@ -134,14 +138,14 @@ var ResultBox = /** @class */ (function (_super) {
                             : placeholder
                         : result
                             ? ''
-                            : placeholder), onFocus: this.handleFocus, onBlur: this.handleBlur }))) : null,
+                            : placeholder), onFocus: this.handleFocus, onBlur: this.handleBlur, testIdBuilder: testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('input') }))) : null,
                 children),
             React__default.createElement("div", { className: cx('ResultBox-actions') },
                 clearable &&
                     !disabled &&
-                    (Array.isArray(result) ? result.length : result) ? (React__default.createElement("a", { onClick: this.clearValue, className: cx('ResultBox-clear', {
+                    (Array.isArray(result) ? result.length : result) ? (React__default.createElement("a", __assign({ onClick: this.clearValue, className: cx('ResultBox-clear', {
                         'ResultBox-clear-with-arrow': hasDropDownArrow
-                    }) },
+                    }) }, testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild('clear').getTestId()),
                     React__default.createElement("div", { className: cx('ResultBox-clear-wrap') },
                         React__default.createElement(Icon, { icon: "input-clear", className: "icon" })))) : null,
                 actions,

package/esm/components/ResultList.d.ts

@@ -7,6 +7,7 @@ import Sortable from 'sortablejs';
 import { Option, Options } from './Select';
 import { ThemeProps } from 'amis-core';
 import { LocaleProps, ClassNamesFn } from 'amis-core';
+import type { TestIdBuilder } from 'amis-core';
 export interface ResultListProps extends ThemeProps, LocaleProps {
     className?: string;
     value?: Array<Option>;
@@ -25,6 +26,7 @@ export interface ResultListProps extends ThemeProps, LocaleProps {
     itemHeight?: number;
     virtualThreshold?: number;
     showInvalidMatch?: boolean;
+    testIdBuilder?: TestIdBuilder;
 }
 export interface ItemRenderStates {
     index: number;
@@ -61,7 +63,7 @@ export declare class ResultList extends React.Component<ResultListProps, ResultL
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+    new (props: Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
@@ -76,7 +78,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -87,7 +89,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        readonly props: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -102,7 +104,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -114,7 +116,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -124,7 +126,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -136,7 +138,7 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -146,7 +148,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -156,7 +158,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -166,7 +168,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -180,7 +182,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -195,7 +197,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -206,7 +208,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -221,7 +223,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -233,7 +235,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -243,7 +245,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -255,7 +257,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -265,7 +267,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -275,7 +277,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -285,7 +287,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -303,7 +305,7 @@ declare const _default: {
         ComposedComponent: typeof ResultList;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+    new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
         placeholder?: string | undefined;
         itemHeight?: number | undefined;
         virtualThreshold?: number | undefined;
@@ -318,7 +320,7 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -329,7 +331,7 @@ declare const _default: {
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -344,7 +346,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -356,7 +358,7 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -366,7 +368,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -378,7 +380,7 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -388,7 +390,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -398,7 +400,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -408,7 +410,7 @@ declare const _default: {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -426,7 +428,7 @@ declare const _default: {
     ComposedComponent: typeof ResultList;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+        new (props: Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
             placeholder?: string | undefined;
             itemHeight?: number | undefined;
             virtualThreshold?: number | undefined;
@@ -441,7 +443,7 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -452,7 +454,7 @@ declare const _default: {
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            readonly props: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -467,7 +469,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -479,7 +481,7 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -489,7 +491,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -501,7 +503,7 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -511,7 +513,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -521,7 +523,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;
@@ -531,7 +533,7 @@ declare const _default: {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "title" | "classnames" | "classPrefix" | "style" | "className" | "theme" | "mobileUI" | "value" | "disabled" | "onChange" | "labelField" | "valueField" | "itemClassName" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<ResultListProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "title" | "disabled" | "testIdBuilder" | "value" | "onChange" | "itemClassName" | "labelField" | "valueField" | "showInvalidMatch" | "searchable" | "onSearch" | "sortable"> & {
                 placeholder?: string | undefined;
                 itemHeight?: number | undefined;
                 virtualThreshold?: number | undefined;

package/esm/components/ResultList.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -165,7 +165,8 @@ var ResultList = /** @class */ (function (_super) {
     ResultList.prototype.renderOption = function (option, index, value, styles) {
         var _this = this;
         if (styles === void 0) { styles = {}; }
-        var _b = this.props, cx = _b.classnames, itemRender = _b.itemRender, disabled = _b.disabled, itemClassName = _b.itemClassName, sortable = _b.sortable, labelField = _b.labelField; _b.translate; var showInvalidMatch = _b.showInvalidMatch;
+        var _b = this.props, cx = _b.classnames, itemRender = _b.itemRender, disabled = _b.disabled, itemClassName = _b.itemClassName, sortable = _b.sortable, labelField = _b.labelField; _b.translate; var showInvalidMatch = _b.showInvalidMatch, testIdBuilder = _b.testIdBuilder;
+        var itemTIB = testIdBuilder === null || testIdBuilder === void 0 ? void 0 : testIdBuilder.getChild("item-".concat(option.value || index));
         return (React__default.createElement("div", { style: styles, className: cx('Selections-item', itemClassName, option === null || option === void 0 ? void 0 : option.className), key: index },
             sortable && !disabled && value.length > 1 ? (React__default.createElement(Icon, { className: cx('Selections-dragbar icon'), icon: "drag-bar" })) : null,
             React__default.createElement("label", { className: cx('Selections-label', {
@@ -177,9 +178,9 @@ var ResultList = /** @class */ (function (_super) {
                 labelField: labelField,
                 classnames: cx
             })),
-            !disabled ? (React__default.createElement("a", { className: cx('Selections-delBtn'), "data-index": index, onClick: function (e) {
+            !disabled ? (React__default.createElement("a", __assign({ className: cx('Selections-delBtn'), "data-index": index, onClick: function (e) {
                     return _this.handleCloseItem(e, option);
-                } },
+                } }, itemTIB === null || itemTIB === void 0 ? void 0 : itemTIB.getChild('close').getTestId()),
                 React__default.createElement(Icon, { icon: "close", className: "icon" }))) : null));
     };
     ResultList.prototype.renderNormalList = function (value) {