survey-react 1.9.47 → 1.9.49

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.47
+* Type definition for Survey JavaScript library for React v1.9.49
 * 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;
@@ -371,7 +371,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 +710,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 +742,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 +754,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 +770,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 +802,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 +859,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 +875,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;
@@ -1165,6 +1179,7 @@ export declare class JsonMetadata {
   childrenClasses: any;
   classProperties: any;
   classHashProperties: any;
+  onSerializingProperty: (obj: Base, prop: JsonObjectProperty, value: any, json: any) => boolean;
   getObjPropertyValue(obj: any, name: string): any;
   setObjPropertyValue(obj: any, name: string, val: any): void;
   addClass(name: string, properties: any, creator?: (json?: any) => any, parentName?: string): JsonMetadataClass;
@@ -1281,7 +1296,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();
@@ -1458,7 +1472,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> {
@@ -1637,10 +1651,12 @@ export declare class dxSurveyService {
   getResult(resultId: string, name: string, onGetResult: (success: boolean, data: any, dataList: any, response: any) => void): void;
   isCompleted(resultId: string, clientId: string, onIsCompleted: (success: boolean, result: string, response: any) => void): void;
 }
-export declare class Action extends Base implements IAction {
+export declare class Action extends Base implements IAction, ILocalizableOwner {
   constructor(innerItem: IAction);
   innerItem: IAction;
+  locTitleValue: any;
   updateCallback: any;
+  owner: any;
   location: string;
   id: string;
   iconName: string;
@@ -1666,10 +1682,10 @@ export declare class Action extends Base implements IAction {
   disableShrink: boolean;
   disableHide: boolean;
   needSpace: boolean;
-  locTitle: any;
-  titleValue: string;
-  get title(): string;
-  set title(val: string);
+  title: string;
+  get locTitle(): any;
+  set locTitle(val: any);
+  locTitleChanged: any;
   cssClassesValue: any;
   get cssClasses(): any;
   get disabled(): boolean;
@@ -1679,6 +1695,11 @@ export declare class Action extends Base implements IAction {
   getActionRootCss(): string;
   getActionBarItemTitleCss(): string;
   getActionBarItemCss(): string;
+  getLocale(): string;
+  getMarkdownHtml(text: string, name: string): string;
+  getProcessedText(text: string): string;
+  getRenderer(name: string): string;
+  getRendererContext(locStr: any): any;
   minDimension: number;
   maxDimension: number;
 }
@@ -1984,8 +2005,12 @@ 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;
   setSearchEnabled(newValue: boolean): void;
   updateItems(): void;
@@ -1993,6 +2018,7 @@ export declare class DropdownListModel extends Base {
   onClear(event: any): void;
   onKeyUp(event: any): void;
   onBlur(event: any): void;
+  scrollToFocusedItem(): void;
 }
 export declare class EventBase<T> extends Event<any, any> {
 }
@@ -2075,8 +2101,6 @@ export declare class ItemValue extends Base implements ILocalizableOwner, IShort
   getProcessedText(text: string): string;
   static get Separator(): string;
   static set Separator(val: string);
-  static createArray(locOwner: ILocalizableOwner): Array<ItemValue>;
-  static setupArray(items: any, locOwner: ILocalizableOwner): void;
   /*
   * Resets the input array and fills it with values from the values array
   */
@@ -2148,6 +2172,7 @@ export declare class JsonObjectProperty implements IObject {
   baseValue: any;
   isRequiredValue: boolean;
   isUniqueValue: boolean;
+  uniquePropertyValue: string;
   readOnlyValue: boolean;
   visibleValue: boolean;
   isLocalizableValue: boolean;
@@ -2190,6 +2215,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);
@@ -2244,6 +2271,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;
@@ -2697,6 +2725,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;
@@ -2731,7 +2760,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;
@@ -2739,6 +2768,7 @@ export declare class PopupModel<T = any> extends Base {
   horizontalPosition: any;
   showPointer: boolean;
   isModal: boolean;
+  isFocusedContent: boolean;
   onCancel: any;
   onApply: any;
   onHide: any;
@@ -2748,9 +2778,11 @@ export declare class PopupModel<T = any> extends Base {
   displayMode: "popup" | "overlay";
   positionMode: any;
   onVisibilityChanged: EventBase<PopupModel<any>>;
+  onTargetModified: EventBase<Base>;
   get isVisible(): boolean;
   set isVisible(val: boolean);
   toggleVisibility(): void;
+  targetModified(): void;
 }
 /*
 * A Model for a survey running in the Popup Window.
@@ -2826,7 +2858,6 @@ export declare class QuestionMatrixDropdownRenderedRow extends Base {
   static counter: number;
   idValue: number;
   cells: any;
-  onCreating(): void;
   get id(): number;
   get attributes(): { "data-sv-drop-target-matrix-row"?: undefined; } | { "data-sv-drop-target-matrix-row": string; };
   get className(): string;
@@ -2857,6 +2888,7 @@ export declare class QuestionMatrixDropdownRenderedTable extends Base {
   onRemovedRow(row: MatrixDropdownRowModelBase): void;
   onDetailPanelChangeVisibility(row: MatrixDropdownRowModelBase, isShowing: boolean): void;
   protected buildRowsActions(): void;
+  protected createRenderedRow(cssClasses: any, isDetailRow?: boolean): QuestionMatrixDropdownRenderedRow;
   protected buildHeader(): void;
   protected buildFooter(): void;
   protected buildRows(): void;
@@ -2930,6 +2962,7 @@ export declare class QuestionTextProcessor implements ITextProcessor {
   protected getQuestionByName(name: string): Question;
   protected getParentTextProcessor(): ITextProcessor;
   protected onCustomProcessText(textValue: TextPreProcessorValue): boolean;
+  protected getQuestionDisplayText(question: Question): string;
   processText(text: string, returnDisplayValue: boolean): string;
   processTextEx(text: string, returnDisplayValue: boolean): any;
 }
@@ -3029,24 +3062,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;
@@ -3203,6 +3239,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;
+  onKeyUp(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.
@@ -3396,6 +3446,7 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
 }
 export declare class DropdownMultiSelectListModel extends DropdownListModel {
   constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any) => void);
+  filterStringPlaceholder: string;
   protected override: any;
   createListModel(): MultiSelectListModel;
   selectAllItems(): void;
@@ -3404,6 +3455,8 @@ export declare class DropdownMultiSelectListModel extends DropdownListModel {
   deselectItem(id: string): void;
   onClear(event: any): void;
   setHideSelectedItems(newValue: boolean): void;
+  removeLastSelectedItem(): void;
+  inputKeyUpHandler(event: any): void;
 }
 /*
 * Validate e-mail address in the text input
@@ -3477,32 +3530,43 @@ 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;
+  showFilter: boolean;
   isEmpty: 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);
@@ -3576,10 +3640,12 @@ export declare class QuestionMatrixDynamicRenderedTable extends QuestionMatrixDr
 }
 export declare class QuestionPanelDynamicItemTextProcessor extends QuestionTextProcessor {
   constructor(data: IQuestionPanelDynamicData, panelItem: QuestionPanelDynamicItem, variableName: string);
+  sharedQuestions: any;
   protected get survey(): ISurvey;
   protected get panel(): PanelModel;
   protected getValues(): any;
   protected getQuestionByName(name: string): Question;
+  protected getQuestionDisplayText(question: Question): string;
   protected onCustomProcessText(textValue: TextPreProcessorValue): boolean;
 }
 /*
@@ -3611,7 +3677,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);
@@ -3634,28 +3700,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;
@@ -3690,18 +3763,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;
@@ -3711,7 +3791,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);
@@ -3719,14 +3799,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;
@@ -3740,21 +3821,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;
@@ -3779,32 +3860,38 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   isSingleInRow: boolean;
   protected get hasFrameV2(): boolean;
   /*
-  * Use it to set the specific width to the survey element like css style (%, px, em etc).
+  * 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);
@@ -4147,6 +4234,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.
@@ -4403,12 +4491,15 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   */
   onDynamicPanelRemoved: EventBase<SurveyModel>;
   /*
-  * The event is fired before removing a panel from Panel Dynamic question. You can disable removing and optionally clear the data instead.
-  * - `sender` - the survey object that fires the event.
-  * - `options.question` - a panel question.
-  * - `options.panelIndex` - a removed panel index.
-  * - `options.panel` - a removed panel.
-  * - `options.allow` - a boolean property. Set it to `false` to disable the panel removing.
+  * An event that is raised before a panel is removed from a Dynamic Panel question. Use this event to cancel the removal.
+  * 
+  * Parameters:
+  * 
+  * - `sender` - A Survey instance that raised the event.
+  * - `options.question` - A [Panel Dynamic](https://surveyjs.io/Documentation/Library?id=questionpaneldynamicmodel) question instance.
+  * - `options.panelIndex` - The index of the removed panel.
+  * - `options.panel` - The [instance of the removed panel](https://surveyjs.io/Documentation/Library?id=panelmodel).
+  * - `options.allow` - A Boolean property that you should set to `false` if you want to cancel the panel removal.
   */
   onDynamicPanelRemoving: EventBase<SurveyModel>;
   /*
@@ -5396,7 +5487,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.
   */
@@ -5462,7 +5553,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.
   */
@@ -5636,7 +5727,9 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   calculatedWidthMode: string;
   calculateWidthMode(): string;
   /*
-  * Gets or sets the width of the survey root element. It is empty by default. Use it to limit survey width to a particular value.
+  * A survey width in CSS values.
+  * 
+  * Default value: `undefined` (the survey inherits the width from its container)
   */
   get width(): string;
   set width(val: string);
@@ -6123,13 +6216,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.
@@ -6144,7 +6239,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;
@@ -6335,9 +6430,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;
@@ -6727,9 +6819,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;
@@ -7020,6 +7109,7 @@ 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;
@@ -7027,9 +7117,12 @@ export declare class SurveyQuestionDropdownBase<T> extends SurveyQuestionUncontr
   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);
@@ -7395,6 +7488,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;
@@ -8376,7 +8470,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;
   /*
@@ -8611,7 +8705,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;
 }
 /*
@@ -8797,7 +8891,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;
   /*
@@ -8807,11 +8901,13 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   set cleanButtonCaption(val: string);
   get locCleanButtonCaption(): LocalizableString;
   getControlClass(): string;
-  get readOnlyText(): any;
+  get readOnlyText(): string;
   get popupModel(): any;
   onOpened: EventBase<QuestionDropdownModel>;
   onOpenedCallBack(): void;
   protected onVisibleChoicesChanged(): void;
+  protected getFirstInputElementId(): string;
+  getInputId(): string;
   onClick(e: any): void;
   onKeyUp(event: any): void;
 }
@@ -8997,7 +9093,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   get columnColCount(): number;
   set columnColCount(val: number);
   /*
-  * Use this property to set the minimum column width.
+  * Minimum column width in CSS values.
   */
   get columnMinWidth(): string;
   set columnMinWidth(val: string);
@@ -9340,6 +9436,7 @@ export declare class QuestionCheckboxModel extends QuestionCheckboxBase {
   */
   get valuePropertyName(): string;
   set valuePropertyName(val: string);
+  getQuestionFromArray(name: string, index: number): IQuestion;
   /*
   * Returns the select all item. By using this property, you may change programmatically it's value and text.
   */
@@ -9521,6 +9618,7 @@ export declare class QuestionMatrixDropdownModel extends QuestionMatrixDropdownM
   protected getConditionObjectRowName(index: number): string;
   protected getConditionObjectRowText(index: number): string;
   protected getConditionObjectsRowIndeces(): Array<any>;
+  protected setNewValue(newValue: any): void;
   clearIncorrectValues(): void;
   protected clearValueIfInvisibleCore(): void;
   protected generateRows(): Array<MatrixDropdownRowModel>;
@@ -9767,16 +9865,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.
@@ -9796,6 +9901,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;
@@ -10058,6 +10165,7 @@ export declare var defaultListCss: {
   itemSelected: string,
   itemWithIcon: string,
   itemDisabled: string,
+  itemFocused: string,
   itemIcon: string,
   itemsContainer: string,
   filter: string,
@@ -10169,7 +10277,6 @@ export declare var defaultStandardCss: {
     rootRadio: string,
     item: string,
     control: string,
-    controlCheckbox: string,
     itemChecked: string,
     itemIndeterminate: string,
     itemDisabled: string,
@@ -10177,11 +10284,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,
@@ -10225,6 +10336,7 @@ export declare var defaultStandardCss: {
     cleanButtonSvg: string,
     cleanButtonIconId: string,
     controlValue: string,
+    filterStringInput: string,
   },
   html: {
     root: string,
@@ -10416,6 +10528,8 @@ export declare var defaultStandardCss: {
     control: string,
     controlValue: string,
     controlEmpty: string,
+    placeholderInput: string,
+    filterStringInput: string,
   },
 };
 export declare var surveyTimerFunctions: {
@@ -11337,27 +11451,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,
@@ -11395,6 +11518,7 @@ export declare var defaultV2Css: {
     controlDisabled: string,
     controlEmpty: string,
     controlLabel: string,
+    filterStringInput: string,
     materialDecorator: string,
   },
   imagepicker: {
@@ -11517,6 +11641,7 @@ export declare var defaultV2Css: {
     controlValue: string,
     controlDisabled: string,
     controlEmpty: string,
+    filterStringInput: string,
     onError: string,
   },
   comment: {
@@ -11661,9 +11786,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,
   },
 };
@@ -11869,7 +11997,6 @@ export declare var modernCss: {
     small: string,
     item: string,
     control: string,
-    controlCheckbox: string,
     itemChecked: string,
     itemIndeterminate: string,
     itemDisabled: string,
@@ -11877,10 +12004,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,
@@ -11909,8 +12041,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,
@@ -11995,6 +12145,7 @@ export declare var modernCss: {
     itemText: string,
     maxText: string,
     itemDisabled: string,
+    filterStringInput: string,
   },
   comment: {
     root: string,