survey-react 1.9.48 → 1.9.50

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.48
+* Type definition for Survey JavaScript library for React v1.9.50
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -101,7 +101,7 @@ export interface IListModel {
   onSelectionChanged: (item: Action, ...params: any) => void;
   allowSelection?: boolean;
   selectedItem?: IAction;
-  onFilteredTextChangedCallback?: (text: string) => void;
+  onFilterStringChangedCallback?: (text: string) => void;
 }
 export interface IPosition {
   left?: string | number;
@@ -155,10 +155,12 @@ export interface IAction {
   */
   title?: string;
   locTitle?: any;
+  locTitleName?: string;
   /*
   * The action item's tooltip.
   */
   tooltip?: string;
+  locTooltipName?: string;
   /*
   * Specifies whether users can interact with the action item.
   */
@@ -371,7 +373,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
   maxOthersLength: number;
   clearValueOnDisableItems: boolean;
   uploadFiles(question: IQuestion, name: string, files: any, uploadingCallback: (status: string, data: any) => any): any;
-  downloadFile(name: string, content: string, callback: (status: string, data: any) => any): any;
+  downloadFile(question: IQuestion, name: string, content: string, callback: (status: string, data: any) => any): any;
   clearFiles(question: IQuestion, name: string, value: any, fileName: string, clearCallback: (status: string, data: any) => any): any;
   updateChoicesFromServer(question: IQuestion, choices: any, serverResult: any): Array<any>;
   loadedChoicesFromServer(question: IQuestion): void;
@@ -710,6 +712,10 @@ export interface ISurveyCreator {
 export interface ISurveyHeaderProps {
   survey: any;
 }
+export interface ITagboxFilterProps {
+  model: any;
+  question: any;
+}
 export interface IMatrixRowProps {
   model: any;
   parentMatrix: any;
@@ -738,7 +744,7 @@ export declare class ArrayChanges {
   deletedItems: any;
 }
 /*
-* The base class for SurveyJS objects.
+* A base class for all SurveyJS objects.
 */
 export declare class Base {
   constructor();
@@ -750,11 +756,11 @@ export declare class Base {
   static createItemValue: (item: any, type?: string) => any;
   static itemValueLocStrChanged: (arr: any) => void;
   /*
-  * Returns true if a value undefined, null, empty string or empty array.
+  * Returns `true` if a passed `value` is an empty string, array, or object or if it equals to `undefined` or `null`.
   */
   isValueEmpty(value: any, trimString?: boolean): boolean;
   protected trimValue(value: any): any;
-  protected IsPropertyEmpty(value: any): boolean;
+  protected isPropertyEmpty(value: any): boolean;
   propertyHash: any;
   localizableStrings: any;
   arraysInfo: any;
@@ -766,21 +772,26 @@ export declare class Base {
   protected isLoadingFromJsonValue: boolean;
   loadingOwner: Base;
   /*
-  * Event that raise on property change of the sender object
-  * sender - the object that owns the property
-  * options.name - the property name that has been changed
-  * options.oldValue - old value. Please note, it equals to options.newValue if property is an array
-  * options.newValue - new value.
+  * An event that is raised when a property of this SurveyJS object has changed.
+  * 
+  * Parameters:
+  * 
+  * - `sender` - A SurveyJS object whose property has changed.
+  * - `options.name` - The name of the changed property.
+  * - `options.oldValue` - An old value of the property. If the property is an array, `oldValue` contains the same array as `newValue` does.
+  * - `options.newValue` - A new value for the property.
   */
   onPropertyChanged: EventBase<Base>;
   /*
-  * Event that raised on changing property of the ItemValue object.
-  * sender - the object that owns the property
-  * options.propertyName - the property name to which ItemValue array is belong. It can be "choices" for dropdown question
-  * options.obj - the instance of ItemValue object which property has been changed
-  * options.name - the property of ItemObject that has been changed
-  * options.oldValue - old value
-  * options.newValue - new value
+  * An event that is raised when an [ItemValue](https://surveyjs.io/form-library/documentation/itemvalue) property is changed.
+  * 
+  * Parameters:
+  * 
+  * - `sender` - A SurveyJS object whose property contains an array of `ItemValue` objects.
+  * - `options.obj` - An `ItemValue` object.
+  * - `options.propertyName` - The name of the property to which an array of `ItemValue` objects is assigned (for example, `"choices"` or `"rows"`).
+  * - `options.name` - The name of the changed property: `"text"` or `"value"`.
+  * - `options.newValue` - A new value for the property.
   */
   onItemValuePropertyChanged: Event<(sender: Base, options: any) => any, any>;
   getPropertyValueCoreHandler: (propertiesHash: any, name: string) => any;
@@ -793,52 +804,55 @@ export declare class Base {
   protected addEvent<T>(): EventBase<T>;
   protected onBaseCreating(): void;
   /*
-  * Returns the class type as it is used in the JSON schema.
+  * Returns the object type as it is used in the JSON schema.
   */
   getType(): string;
   /*
-  * Use this method to find out if the current instance is of the given `typeName` or inherited from it.
+  * Use this method to find out if the current object is of a given `typeName` or inherited from it.
   */
   isDescendantOf(typeName: string): boolean;
   getSurvey(isLive?: boolean): ISurvey;
   /*
-  * Returns true if the question in design mode right now.
+  * Returns `true` if the survey is being designed in Survey Creator.
   */
   get isDesignMode(): boolean;
   /*
-  * Returns true if the object is inluded into survey, otherwise returns false.
+  * Returns `true` if the object is included in a survey.
+  * 
+  * This method may return `false`, for example, when you [create a survey model dynamically](https://surveyjs.io/form-library/documentation/design-survey-create-a-simple-survey#create-or-change-a-survey-model-dynamically).
   */
   get inSurvey(): boolean;
   get bindings(): Bindings;
   checkBindings(valueName: string, value: any): void;
   protected updateBindings(propertyName: string, value: any): void;
   protected updateBindingValue(valueName: string, value: any): void;
-  /*
-  * Returns the element template name without prefix. Typically it equals to getType().
-  */
   getTemplate(): string;
   /*
-  * Returns true if the object is loading from Json at the current moment.
+  * Returns `true` if the object configuration is being loaded from JSON.
   */
   get isLoadingFromJson(): boolean;
   protected getIsLoadingFromJson(): boolean;
   startLoadingFromJson(json?: any): void;
   endLoadingFromJson(): void;
   /*
-  * Deserialized the current object into JSON
+  * Returns a JSON object that corresponds to the current SurveyJS object.
   */
   toJSON(): any;
   /*
-  * Load object properties and elements. It doesn't reset properties that was changed before and they are not defined in the json parameter.
+  * Assigns a new configuration to the current SurveyJS object. This configuration is taken from a passed JSON object.
+  * 
+  * The JSON object should contain only serializable properties of this SurveyJS object. Event handlers and properties that do not belong to the SurveyJS object are ignored.
   */
   fromJSON(json: any): void;
   onSurveyLoad(): void;
   /*
-  * Make a clone of the existing object. Create a new object of the same type and load all properties into it.
+  * Creates a new object that has the same type and properties as the current SurveyJS object.
   */
   clone(): Base;
   /*
-  * Returns the serializable property that belongs to this instance by property name. It returns null if the property is not exists.
+  * Returns a `JsonObjectProperty` object with metadata about a serializable property that belongs to the current SurveyJS object.
+  * 
+  * If the property is not found, this method returns `null`.
   */
   getPropertyByName(propName: string): JsonObjectProperty;
   isPropertyVisible(propName: string): boolean;
@@ -847,7 +861,9 @@ export declare class Base {
   localeChanged(): void;
   locStrsChanged(): void;
   /*
-  * Returns the property value by name
+  * Returns the value of a property with a specified name.
+  * 
+  * If the property is not found or does not have a value, this method returns either `undefined`, `defaultValue` specified in the property configuration, or a value passed as the `defaultValue` parameter.
   */
   getPropertyValue(name: string, defaultValue?: any): any;
   protected getPropertyValueCore(propertiesHash: any, name: string): any;
@@ -861,7 +877,7 @@ export declare class Base {
   */
   checkAndSetPropertyValue(name: string, val: any): void;
   /*
-  * set property value
+  * Assigns a new value to a specified property.
   */
   setPropertyValue(name: string, val: any): void;
   protected setArrayPropertyDirectly(name: string, val: any, sendNotification?: boolean): void;
@@ -1282,7 +1298,6 @@ export declare class PopupUtils {
   static updateVerticalPosition(targetRect: any, height: number, verticalPosition: any, showPointer: boolean, windowHeight: number): any;
   static calculatePopupDirection(verticalPosition: any, horizontalPosition: any): string;
   static calculatePointerTarget(targetRect: any, top: number, left: number, verticalPosition: any, horizontalPosition: any, marginLeft?: number, marginRight?: number): INumberPosition;
-  static updatePopupWidthBeforeShow(popupModel: any, target: JSX.Element): void;
 }
 export declare class ProcessValue {
   constructor();
@@ -1459,7 +1474,7 @@ export declare class SurveyElementBase<P, S> extends React.Component<P, S> {
   protected getStateElements(): Array<Base>;
   protected getStateElement(): Base;
   protected get isDisplayMode(): boolean;
-  protected renderLocString(locStr: any, style?: any): JSX.Element;
+  protected renderLocString(locStr: any, style?: any, key?: string): JSX.Element;
   protected canUsePropInState(key: string): boolean;
 }
 export declare class SurveyElementHeader extends React.Component<any, any> {
@@ -1650,6 +1665,7 @@ export declare class Action extends Base implements IAction, ILocalizableOwner {
   iconSize: number;
   visible: boolean;
   tooltip: string;
+  locTooltipName: string;
   enabled: boolean;
   showTitle: boolean;
   action: (context?: any) => void;
@@ -1672,6 +1688,9 @@ export declare class Action extends Base implements IAction, ILocalizableOwner {
   title: string;
   get locTitle(): any;
   set locTitle(val: any);
+  get locTitleName(): string;
+  set locTitleName(val: string);
+  locStrsChanged(): void;
   locTitleChanged: any;
   cssClassesValue: any;
   get cssClasses(): any;
@@ -1705,6 +1724,7 @@ export declare class ActionContainer<T extends Action = Action> extends Base imp
   sizeMode: "default" | "small";
   locOwner: ILocalizableOwner;
   isEmpty: boolean;
+  locStrsChanged(): void;
   protected raiseUpdate(isResetInitialized: boolean): void;
   protected onSet(): void;
   protected onPush(item: T): void;
@@ -1992,15 +2012,21 @@ export declare class DropdownListModel extends Base {
   focusFirstInputSelector: string;
   protected listModel: ListModel;
   protected popupCssClasses: string;
+  protected onHidePopup(): void;
   protected getAvailableItems(): Array<Action>;
   protected createListModel(): ListModel;
+  protected resetFilterString(): void;
+  searchEnabled: boolean;
+  filterString: string;
   get popupModel(): any;
+  get inputReadOnly(): boolean;
   setSearchEnabled(newValue: boolean): void;
   updateItems(): void;
   onClick(event: any): void;
   onClear(event: any): void;
-  onKeyUp(event: any): void;
+  keyHandler(event: any): void;
   onBlur(event: any): void;
+  scrollToFocusedItem(): void;
 }
 export declare class EventBase<T> extends Event<any, any> {
 }
@@ -2154,6 +2180,7 @@ export declare class JsonObjectProperty implements IObject {
   baseValue: any;
   isRequiredValue: boolean;
   isUniqueValue: boolean;
+  uniquePropertyValue: string;
   readOnlyValue: boolean;
   visibleValue: boolean;
   isLocalizableValue: boolean;
@@ -2196,6 +2223,8 @@ export declare class JsonObjectProperty implements IObject {
   set isRequired(val: boolean);
   get isUnique(): boolean;
   set isUnique(val: boolean);
+  get uniquePropertyName(): string;
+  set uniquePropertyName(val: string);
   get hasToUseGetValue(): any;
   get defaultValue(): any;
   set defaultValue(val: any);
@@ -2250,6 +2279,7 @@ export declare class List extends SurveyElementBase<IListProps, any> {
   constructor(props: any);
   get model(): any;
   handleKeydown: (event: any) => void;
+  handleMouseMove: (event: any) => void;
   getStateElement(): any;
   renderElement(): JSX.Element;
   renderItems(): any;
@@ -2703,6 +2733,7 @@ export declare class PopupBaseViewModel extends Base {
   get contentComponentData(): any;
   get showPointer(): boolean;
   get isModal(): boolean;
+  get isFocusedContent(): boolean;
   get showFooter(): boolean;
   get isOverlay(): boolean;
   get styleClass(): string;
@@ -2737,7 +2768,7 @@ export declare class PopupContainer extends SurveyElementBase<any, any> {
 }
 export declare class PopupModel<T = any> extends Base {
   constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: any, horizontalPosition?: any, showPointer?: boolean, isModal?: boolean, onCancel?: any, onApply?: any, onHide?: any, onShow?: any, cssClass?: string, title?: string);
-  width: number;
+  setWidthByTarget: boolean;
   focusFirstInputSelector: string;
   contentComponentName: string;
   contentComponentData: T;
@@ -2745,6 +2776,7 @@ export declare class PopupModel<T = any> extends Base {
   horizontalPosition: any;
   showPointer: boolean;
   isModal: boolean;
+  isFocusedContent: boolean;
   onCancel: any;
   onApply: any;
   onHide: any;
@@ -3038,24 +3070,27 @@ export declare class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
   protected renderCaption(): JSX.Element;
 }
 /*
-* Base class of SurveyJS Elements and Survey.
+* A base class for the [`SurveyElement`](https://surveyjs.io/form-library/documentation/surveyelement) and [`SurveyModel`](https://surveyjs.io/form-library/documentation/surveymodel) classes.
 */
 export declare class SurveyElementCore extends Base implements ILocalizableOwner {
   constructor();
   protected createLocTitleProperty(): LocalizableString;
   /*
-  * Question, Panel, Page and Survey title. If page and panel is empty then they are not rendered.
-  * Question renders question name if the title is empty. Use survey questionTitleTemplate property to change the title question rendering.
+  * A title for the survey element. If `title` is undefined, the `name` property value is displayed instead.
+  * 
+  * Empty pages and panels do not display their titles or names.
   */
   get title(): string;
   set title(val: string);
   get locTitle(): LocalizableString;
   protected getDefaultTitleValue(): string;
   /*
-  * Question, Panel and Page description. It renders under element title by using smaller font. Unlike the question title, description can be empty.
-  * Please note, this property is hidden for questions without input, for example html question.
+  * Returns `true` if the survey element has a description.
   */
   hasDescription: boolean;
+  /*
+  * Explanatory text displayed under the title.
+  */
   get description(): string;
   set description(val: string);
   updateDescriptionVisibility(newDescription: any): void;
@@ -3212,6 +3247,20 @@ export declare class SurveyValidator extends Base {
   protected createCustomError(name: string): SurveyError;
   toString(): string;
 }
+export declare class TagboxFilterString extends SurveyElementBase<ITagboxFilterProps, any> {
+  constructor(props: any);
+  inputElement: any;
+  get model(): any;
+  get question(): any;
+  componentDidUpdate(prevProps: any, prevState: any): void;
+  componentDidMount(): void;
+  updateDomElement(): void;
+  onChange(e: any): void;
+  keyhandler(e: any): void;
+  onBlur(e: any): void;
+  getStateElement(): any;
+  render(): JSX.Element;
+}
 /*
 * A base class for all triggers.
 * A trigger calls a method when the expression change the result: from false to true or from true to false.
@@ -3405,6 +3454,8 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
 }
 export declare class DropdownMultiSelectListModel extends DropdownListModel {
   constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any) => void);
+  filterStringPlaceholder: string;
+  closeOnSelect: boolean;
   protected override: any;
   createListModel(): MultiSelectListModel;
   selectAllItems(): void;
@@ -3413,6 +3464,8 @@ export declare class DropdownMultiSelectListModel extends DropdownListModel {
   deselectItem(id: string): void;
   onClear(event: any): void;
   setHideSelectedItems(newValue: boolean): void;
+  removeLastSelectedItem(): void;
+  inputKeyHandler(event: any): void;
 }
 /*
 * Validate e-mail address in the text input
@@ -3486,32 +3539,42 @@ export declare class JsonMissingTypeError extends JsonMissingTypeErrorBase {
   baseClassName: string;
 }
 export declare class ListModel extends ActionContainer {
-  constructor(items: any, onSelectionChanged: (item: Action, ...params: any) => void, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChangedCallback?: (text: string) => void);
+  constructor(items: any, onSelectionChanged: (item: Action, ...params: any) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void);
   onSelectionChanged: (item: Action, ...params: any) => void;
   allowSelection: boolean;
   searchEnabled: boolean;
-  needFilter: boolean;
-  isEmpty: boolean;
+  showFilter: boolean;
   isExpanded: boolean;
   selectedItem: IAction;
-  filteredText: string;
+  focusedItem: Action;
+  filterString: string;
   static INDENT: number;
   static MINELEMENTCOUNT: number;
   isItemVisible(item: Action): boolean;
+  get visibleItems(): any;
   protected onSet(): void;
   protected getDefaultCssClasses(): any;
   protected updateItemActiveState(): void;
   onItemClick: (itemValue: Action) => void;
   isItemDisabled: (itemValue: Action) => boolean;
   isItemSelected: (itemValue: Action) => boolean;
+  isItemFocused: (itemValue: Action) => boolean;
   getItemClass: (itemValue: Action) => string;
   getItemIndent: (itemValue: any) => string;
-  get filteredTextPlaceholder(): string;
+  get filterStringPlaceholder(): string;
   get emptyMessage(): string;
   goToItems(event: any): void;
+  onMouseMove(event: any): void;
   onKeyDown(event: any): void;
   onPointerDown(event: any, item: any): void;
   refresh(): void;
+  resetFocusedItem(): void;
+  focusFirstVisibleItem(): void;
+  focusLastVisibleItem(): void;
+  initFocusedItem(): void;
+  focusNextVisibleItem(): void;
+  focusPrevVisibleItem(): void;
+  selectFocusedItem(): void;
 }
 export declare class MatrixDropdownRowModel extends MatrixDropdownRowModelBase {
   constructor(name: string, item: ItemValue, data: IMatrixDropdownData, value: any);
@@ -3622,7 +3685,7 @@ export declare class SurveyCustomWidget extends SurveyQuestionElementBase {
   protected renderElement(): JSX.Element;
 }
 /*
-* Base class of SurveyJS Elements.
+* A base class for all survey elements.
 */
 export declare class SurveyElement extends SurveyElementCore implements ISurveyElement {
   constructor(name: string);
@@ -3645,28 +3708,35 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   protected getSkeletonComponentNameCore(): string;
   get skeletonComponentName(): string;
   /*
-  * Set this property to "collapsed" to render only Panel title and expanded button and to "expanded" to render the collapsed button in the Panel caption
+  * Gets and sets the survey element's expand state.
+  * 
+  * Possible values:
+  * 
+  * - `"collapsed"` - The survey element displays only `title` and `description`.
+  * - `"expanded"` - The survey element is displayed in full.
   */
   get state(): string;
   set state(val: string);
   /*
-  * Returns true if the Element is in the collapsed state
+  * Returns `true` if the survey element is collapsed.
   */
   get isCollapsed(): boolean;
   /*
-  * Returns true if the Element is in the expanded state
+  * Returns `true` if the survey element is expanded.
   */
   get isExpanded(): boolean;
   /*
-  * Collapse the Element
+  * Collapses the survey element.
+  * 
+  * In collapsed state, the element displays only `title` and `description`.
   */
   collapse(): void;
   /*
-  * Expand the Element
+  * Expands the survey element.
   */
   expand(): void;
   /*
-  * Toggle element's state
+  * Toggles the survey element's `state` between collapsed and expanded.
   */
   toggleState(): boolean;
   get hasStateButton(): boolean;
@@ -3701,18 +3771,25 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   protected get isInternal(): boolean;
   get areInvisibleElementsShowing(): boolean;
   get isVisible(): boolean;
+  /*
+  * Returns `true` if the survey element or its parent element is read-only.
+  */
   get isReadOnly(): boolean;
   /*
-  * Set it to true to make an element question/panel/page readonly.
-  * Please note, this property is hidden for question without input, for example html question.
+  * Makes the survey element read-only.
   */
   get readOnly(): boolean;
   set readOnly(val: boolean);
   protected onReadOnlyChanged(): void;
   cssClassesValue: any;
   /*
-  * Returns all css classes that used for rendering the question, panel or page.
-  * You can use survey.onUpdateQuestionCssClasses event to override css classes for a question, survey.onUpdatePanelCssClasses event for a panel and survey.onUpdatePageCssClasses for a page.
+  * Returns an object in which keys are UI elements and values are CSS classes applied to them.
+  * 
+  * Use the following events of the [`SurveyModel`](https://surveyjs.io/form-library/documentation/surveymodel) object to override CSS classes:
+  * 
+  * - [`onUpdatePageCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePageCssClasses)
+  * - [`onUpdatePanelCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdatePanelCssClasses)
+  * - [`onUpdateQuestionCssClasses`](https://surveyjs.io/form-library/documentation/surveymodel#onUpdateQuestionCssClasses)
   */
   get cssClasses(): any;
   protected calcCssClasses(css: any): any;
@@ -3722,7 +3799,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   protected clearCssClasses(): void;
   protected getIsLoadingFromJson(): boolean;
   /*
-  * This is the identifier of a survey element - question or panel.
+  * A survey element identifier.
   */
   get name(): string;
   set name(val: string);
@@ -3730,14 +3807,15 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   protected onNameChanged(oldValue: string): void;
   protected updateBindingValue(valueName: string, value: any): void;
   /*
-  * The list of errors. It is created by callig hasErrors functions
+  * Validation errors. Call the `hasErrors()` method to validate survey element data.
   */
   get errors(): any;
   set errors(val: any);
   hasVisibleErrors: boolean;
   /*
-  * Returns true if a question or a container (panel/page) or their chidren have an error.
-  * The value can be out of date. hasErrors function should be called to get the correct value.
+  * Returns `true` if the survey element or its child elements have a validation error.
+  * 
+  * This property contains the result of the most recent validation. This result may be outdated. Call the `hasErrors` method to get an up-to-date value.
   */
   get containsErrors(): boolean;
   updateContainsErrors(): void;
@@ -3751,21 +3829,21 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   endLoadingFromJson(): void;
   setVisibleIndex(index: number): number;
   /*
-  * Returns true if it is a page.
+  * Returns `true` if the survey element is a page.
   */
   get isPage(): boolean;
   /*
-  * Returns true if it is a panel.
+  * Returns `true` if the survey element is a panel.
   */
   get isPanel(): boolean;
   /*
-  * Returns true if it is a question.
+  * Returns `true` if the survey element is a question.
   */
   get isQuestion(): boolean;
   delete(): void;
   locOwner: ILocalizableOwner;
   /*
-  * Returns the current survey locale
+  * Returns the survey's [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
   */
   getLocale(): string;
   getMarkdownHtml(text: string, name: string): string;
@@ -3790,32 +3868,38 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   isSingleInRow: boolean;
   protected get hasFrameV2(): boolean;
   /*
-  * A survey element width in CSS values.
+  * Sets survey element width in CSS values.
+  * 
+  * Default value: ""
   */
   get width(): string;
   set width(val: string);
   /*
-  * Use it to set the specific minWidth constraint to the survey element like css style (%, px, em etc).
+  * Gets or sets minimum survey element width in CSS values.
+  * 
+  * Default value: "300px" (taken from [`settings.minWidth`](https://surveyjs.io/form-library/documentation/settings#minWidth))
   */
   get minWidth(): string;
   set minWidth(val: string);
   /*
-  * Use it to set the specific maxWidth constraint to the survey element like css style (%, px, em etc).
+  * Gets or sets maximum survey element width in CSS values.
+  * 
+  * Default value: "100%" (taken from [`settings.maxWidth`](https://surveyjs.io/form-library/documentation/settings#maxWidth))
   */
   get maxWidth(): string;
   set maxWidth(val: string);
   /*
-  * The rendered width of the question.
+  * Returns a calculated width of the rendered survey element in CSS values.
   */
   get renderWidth(): string;
   set renderWidth(val: string);
   /*
-  * The left indent. Set this property to increase the survey element left indent.
+  * Increases or decreases indent of the survey element content from the left edge. Accepts positive integer values and 0.
   */
   get indent(): number;
   set indent(val: number);
   /*
-  * The right indent. Set it different from 0 to increase the right padding.
+  * Increases or decreases indent of the survey element content from the right edge. Accepts positive integer values and 0.
   */
   get rightIndent(): number;
   set rightIndent(val: number);
@@ -4158,6 +4242,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   /*
   * The event is fired on downloading a file in QuestionFile. Use this event to pass the file to a preview.
   * - `sender` - the survey object that fires the event.
+  * - `question` - the question instance.
   * - `options.name` - the question name.
   * - `options.content` - the file content.
   * - `options.fileValue` - single file question value.
@@ -5410,7 +5495,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   /*
   * Downloads a file from server
   */
-  downloadFile(questionName: string, fileValue: any, callback: (status: string, data: any) => any): void;
+  downloadFile(question: IQuestion, questionName: string, fileValue: any, callback: (status: string, data: any) => any): void;
   /*
   * Clears files from server.
   */
@@ -5476,7 +5561,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   /*
   * Returns a panel by its name.
   */
-  getPanelByName(name: string, caseInsensitive?: boolean): IPanel;
+  getPanelByName(name: string, caseInsensitive?: boolean): PanelModel;
   /*
   * Returns a list of all survey's panels.
   */
@@ -6139,13 +6224,15 @@ export declare class DragDropRankingChoices extends DragDropChoices {
   protected doClear: any;
 }
 export declare class MultiSelectListModel extends ListModel {
-  constructor(items: any, onSelectionChanged: (item: Action, status: string) => void, allowSelection: boolean, selectedItems?: any, onFilteredTextChangedCallback?: (text: string) => void);
+  constructor(items: any, onSelectionChanged: (item: Action, status: string) => void, allowSelection: boolean, selectedItems?: any, onFilterStringChangedCallback?: (text: string) => void);
   selectedItems: any;
   hideSelectedItems: boolean;
   onItemClick: (item: Action) => void;
   isItemDisabled: (itemValue: Action) => boolean;
   isItemSelected: (itemValue: Action) => boolean;
   setSelectedItems(newItems: any): void;
+  initFocusedItem(): void;
+  selectFocusedItem(): void;
 }
 /*
 * A base class for a Panel and Page objects.
@@ -6160,7 +6247,7 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
   removeElementCallback: (element: IElement) => void;
   onGetQuestionTitleLocation: any;
   /*
-  * Returns the class type as it is used in the JSON schema.
+  * Returns the object type as it is used in the JSON schema.
   */
   getType(): string;
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -6351,9 +6438,6 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
   protected beforeSetVisibleIndex(index: number): number;
   protected getPanelStartIndex(index: number): number;
   protected isContinueNumbering(): boolean;
-  /*
-  * Returns true if readOnly property is true or survey is in display mode or parent panel/page is readOnly.
-  */
   get isReadOnly(): boolean;
   protected onReadOnlyChanged(): void;
   updateElementCss(reNew?: boolean): void;
@@ -6743,9 +6827,6 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   set hasOther(val: boolean);
   protected hasOtherChanged(): void;
   get requireUpdateCommentValue(): boolean;
-  /*
-  * Returns true if readOnly property is true or survey is in display mode or parent panel/page is readOnly.
-  */
   get isReadOnly(): boolean;
   get isInputReadOnly(): boolean;
   get renderedInputReadOnly(): string;
@@ -7036,16 +7117,20 @@ export declare class SurveyQuestionCustom extends SurveyQuestionUncontrolledElem
 }
 export declare class SurveyQuestionDropdownBase<T> extends SurveyQuestionUncontrolledElement<T> {
   constructor(props: any);
+  inputElement: any;
   click: (event: any) => void;
   clear: (event: any) => void;
-  keyup: (event: any) => void;
+  keyhandler: (event: any) => void;
   blur: (event: any) => void;
   protected setValueCore(newValue: any): void;
   protected getValueCore(): any;
   protected renderSelect(cssClasses: any): JSX.Element;
-  protected renderInput(): JSX.Element;
+  protected renderInput(dropdownListModel: any): JSX.Element;
   createClearButton(): JSX.Element;
   protected renderOther(cssClasses: any): JSX.Element;
+  componentDidUpdate(prevProps: any, prevState: any): void;
+  componentDidMount(): void;
+  updateInputDomElement(): void;
 }
 export declare class SurveyQuestionMatrixDropdown extends SurveyQuestionMatrixDropdownBase {
   constructor(props: any);
@@ -7411,6 +7496,7 @@ export declare class QuestionBooleanModel extends Question {
   protected setDefaultValue(): void;
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
   getItemCss(): string;
+  getCheckboxItemCss(): string;
   getLabelCss(checked: boolean): string;
   get svgIcon(): string;
   get allowClick(): boolean;
@@ -8392,7 +8478,7 @@ export declare class QuestionSelectBase extends Question {
   set otherText(val: string);
   get locOtherText(): LocalizableString;
   /*
-  * Use this property to show "Select All", "None" and "Other" choices in multi columns .
+  * Displays the "Select All", "None", and "Other" choices on individual rows.
   */
   separateSpecialChoices: boolean;
   /*
@@ -8433,6 +8519,7 @@ export declare class QuestionSelectBase extends Question {
   protected getDisplayValueCore(keysAsText: boolean, value: any): any;
   protected getDisplayValueEmpty(): string;
   protected getChoicesDisplayValue(items: any, val: any): any;
+  protected getDisplayArrayValue(keysAsText: boolean, value: any, onGetValueCallback?: (index: number) => any): string;
   protected get activeChoices(): any;
   protected getChoicesFromQuestion(question: QuestionSelectBase): Array<ItemValue>;
   protected get hasActiveChoices(): boolean;
@@ -8468,6 +8555,7 @@ export declare class QuestionSelectBase extends Question {
   * Returns true if item is selected
   */
   isItemSelected(item: ItemValue): boolean;
+  protected isItemSelectedCore(item: ItemValue): boolean;
   protected clearIncorrectValuesCore(): void;
   protected canClearValueAnUnknow(val: any): boolean;
   protected clearDisabledValuesCore(): void;
@@ -8627,7 +8715,7 @@ export declare class SurveyQuestionRatingDropdown extends SurveyQuestionDropdown
 export declare class SurveyQuestionTagbox extends SurveyQuestionDropdownBase<QuestionTagboxModel> {
   constructor(props: any);
   protected renderItem(key: string, item: any): JSX.Element;
-  protected renderInput(): JSX.Element;
+  protected renderInput(dropdownListModel: any): JSX.Element;
   protected renderElement(): JSX.Element;
 }
 /*
@@ -8813,7 +8901,7 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   */
   itemComponent: string;
   /*
-  * Specifies whether to display a search bar in the drop-down menu.
+  * Specifies whether users can enter a value into the input field to filter the drop-down list.
   */
   searchEnabled: boolean;
   /*
@@ -8828,6 +8916,8 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   onOpened: EventBase<QuestionDropdownModel>;
   onOpenedCallBack(): void;
   protected onVisibleChoicesChanged(): void;
+  protected getFirstInputElementId(): string;
+  getInputId(): string;
   onClick(e: any): void;
   onKeyUp(event: any): void;
 }
@@ -9388,7 +9478,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
   /*
   * Returns true if item is checked
   */
-  isItemSelected(item: ItemValue): boolean;
+  isItemSelectedCore(item: ItemValue): boolean;
   /*
   * Set this property different to 0 to limit the number of selected choices in the checkbox.
   */
@@ -9457,6 +9547,7 @@ export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
   */
   isItemSelected(item: ItemValue): boolean;
   clearIncorrectValues(): void;
+  protected getDisplayValueCore(keysAsText: boolean, value: any): any;
   /*
   * Show label under the image.
   */
@@ -9785,16 +9876,23 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
 export declare class QuestionTagboxModel extends QuestionCheckboxModel {
   constructor(name: string);
   dropdownListModel: DropdownMultiSelectListModel;
-  get readOnlyText(): string;
+  get readOnlyText(): any;
   onSurveyLoad(): void;
   /*
   * Specifies whether to display a button that clears the selected value.
   */
   allowClear: boolean;
   /*
-  * Specifies whether to display a search bar in the drop-down menu.
+  * Specifies whether users can enter a value into the input field to filter the drop-down list.
   */
   searchEnabled: boolean;
+  /*
+  * The name of a component used to render drop-down menu items.
+  */
+  itemComponent: string;
+  /*
+  * Specifies whether to remove selected items from the drop-down list.
+  */
   hideSelectedItems: boolean;
   /*
   * The clean files button caption.
@@ -9814,6 +9912,8 @@ export declare class QuestionTagboxModel extends QuestionCheckboxModel {
   onOpened: EventBase<QuestionTagboxModel>;
   onOpenedCallBack(): void;
   protected onVisibleChoicesChanged(): void;
+  protected getFirstInputElementId(): string;
+  getInputId(): string;
 }
 export declare function property(options?: any): (target: any, key: string) => void;
 export declare function propertyArray(options?: IArrayPropertyDecoratorOptions): (target: any, key: string) => void;
@@ -10076,7 +10176,10 @@ export declare var defaultListCss: {
   itemSelected: string,
   itemWithIcon: string,
   itemDisabled: string,
+  itemFocused: string,
   itemIcon: string,
+  itemSeparator: string,
+  itemBody: string,
   itemsContainer: string,
   filter: string,
   filterIcon: string,
@@ -10187,7 +10290,6 @@ export declare var defaultStandardCss: {
     rootRadio: string,
     item: string,
     control: string,
-    controlCheckbox: string,
     itemChecked: string,
     itemIndeterminate: string,
     itemDisabled: string,
@@ -10195,11 +10297,15 @@ export declare var defaultStandardCss: {
     slider: string,
     label: string,
     disabledLabel: string,
-    materialDecorator: string,
-    itemDecorator: string,
-    checkedPath: string,
-    uncheckedPath: string,
-    indeterminatePath: string,
+    rootCheckbox: string,
+    checkboxItem: string,
+    checkboxItemChecked: string,
+    controlCheckbox: string,
+    checkboxControlLabel: string,
+    checkboxItemIndeterminate: string,
+    checkboxItemDisabled: string,
+    checkboxMaterialDecorator: string,
+    checkboxItemDecorator: string,
   },
   checkbox: {
     root: string,
@@ -10243,6 +10349,7 @@ export declare var defaultStandardCss: {
     cleanButtonSvg: string,
     cleanButtonIconId: string,
     controlValue: string,
+    filterStringInput: string,
   },
   html: {
     root: string,
@@ -10434,6 +10541,8 @@ export declare var defaultStandardCss: {
     control: string,
     controlValue: string,
     controlEmpty: string,
+    placeholderInput: string,
+    filterStringInput: string,
   },
 };
 export declare var surveyTimerFunctions: {
@@ -11355,27 +11464,36 @@ export declare var defaultV2Css: {
     root: string,
     rootRadio: string,
     item: string,
-    radioItem: string,
-    radioItemChecked: string,
-    radioLabel: string,
-    radioControlLabel: string,
-    radioFieldset: string,
     itemOnError: string,
     control: string,
-    controlCheckbox: string,
     itemChecked: string,
     itemIndeterminate: string,
     itemDisabled: string,
     label: string,
     switch: string,
     disabledLabel: string,
-    itemDecorator: string,
-    materialDecorator: string,
-    itemRadioDecorator: string,
-    materialRadioDecorator: string,
     sliderText: string,
     slider: string,
-    itemControl: string,
+    radioItem: string,
+    radioItemChecked: string,
+    radioLabel: string,
+    radioControlLabel: string,
+    radioFieldset: string,
+    itemRadioDecorator: string,
+    materialRadioDecorator: string,
+    itemRadioControl: string,
+    rootCheckbox: string,
+    checkboxItem: string,
+    checkboxLabel: string,
+    checkboxItemOnError: string,
+    checkboxItemIndeterminate: string,
+    checkboxItemChecked: string,
+    checkboxItemDecorator: string,
+    checkboxItemDisabled: string,
+    controlCheckbox: string,
+    checkboxMaterialDecorator: string,
+    checkboxControlLabel: string,
+    svgIconCheckedId: string,
   },
   text: {
     root: string,
@@ -11413,6 +11531,7 @@ export declare var defaultV2Css: {
     controlDisabled: string,
     controlEmpty: string,
     controlLabel: string,
+    filterStringInput: string,
     materialDecorator: string,
   },
   imagepicker: {
@@ -11535,6 +11654,7 @@ export declare var defaultV2Css: {
     controlValue: string,
     controlDisabled: string,
     controlEmpty: string,
+    filterStringInput: string,
     onError: string,
   },
   comment: {
@@ -11641,6 +11761,7 @@ export declare var defaultV2Css: {
   list: {
     root: string,
     item: string,
+    itemBody: string,
     itemSelected: string,
   },
   actionBar: {
@@ -11679,9 +11800,12 @@ export declare var defaultV2Css: {
     cleanItemButtonIconId: string,
     control: string,
     controlValue: string,
+    controlValueItems: string,
+    placeholderInput: string,
     controlDisabled: string,
     controlEmpty: string,
     controlLabel: string,
+    filterStringInput: string,
     materialDecorator: string,
   },
 };
@@ -11887,7 +12011,6 @@ export declare var modernCss: {
     small: string,
     item: string,
     control: string,
-    controlCheckbox: string,
     itemChecked: string,
     itemIndeterminate: string,
     itemDisabled: string,
@@ -11895,10 +12018,15 @@ export declare var modernCss: {
     slider: string,
     label: string,
     disabledLabel: string,
-    materialDecorator: string,
-    itemDecorator: string,
-    checkedPath: string,
-    uncheckedPath: string,
+    rootCheckbox: string,
+    checkboxItem: string,
+    checkboxItemChecked: string,
+    controlCheckbox: string,
+    checkboxControlLabel: string,
+    checkboxItemIndeterminate: string,
+    checkboxItemDisabled: string,
+    checkboxMaterialDecorator: string,
+    checkboxItemDecorator: string,
     indeterminatePath: string,
     svgIconCheckedId: string,
     svgIconUncheckedId: string,
@@ -11927,8 +12055,26 @@ export declare var modernCss: {
     cleanButton: string,
     cleanButtonSvg: string,
     cleanButtonIconId: string,
+    filterStringInput: string,
     controlValue: string,
   },
+  tagbox: {
+    root: string,
+    small: string,
+    selectWrapper: string,
+    other: string,
+    cleanButton: string,
+    cleanButtonSvg: string,
+    cleanButtonIconId: string,
+    cleanItemButton: string,
+    cleanItemButtonSvg: string,
+    cleanItemButtonIconId: string,
+    control: string,
+    controlValue: string,
+    controlEmpty: string,
+    placeholderInput: string,
+    filterStringInput: string,
+  },
   imagepicker: {
     root: string,
     column: string,
@@ -12013,6 +12159,7 @@ export declare var modernCss: {
     itemText: string,
     maxText: string,
     itemDisabled: string,
+    filterStringInput: string,
   },
   comment: {
     root: string,