survey-react 1.9.39 → 1.9.42

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.39
+* Type definition for Survey JavaScript library for React v1.9.42
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -189,6 +189,10 @@ export interface IAction {
   visibleIndex?: number;
   needSpace?: boolean;
 }
+export interface IAttachKey2clickOptions {
+  processEsc?: boolean;
+  disableTabStop?: boolean;
+}
 export interface IDimensions {
   scroll: number;
   offset: number;
@@ -205,9 +209,21 @@ export interface ISize {
   width: number;
   height: number;
 }
+export interface IDialogOptions {
+  componentName: string;
+  data: any;
+  onApply: any;
+  onCancel?: any;
+  onHide?: any;
+  onShow?: any;
+  cssClass?: string;
+  title?: string;
+  displayMode?: "popup" | "overlay";
+}
 export interface ISurveyTriggerOwner {
   getObjects(pages: any, questions: any): Array<any>;
-  setCompleted(): any;
+  setCompleted(): void;
+  canBeCompleted(): void;
   triggerExecuted(trigger: Trigger): void;
   setTriggerValue(name: string, value: any, isVariable: boolean): any;
   copyTriggerValue(name: string, fromName: string): any;
@@ -531,24 +547,127 @@ export interface IQuestionPanelDynamicData {
   getSurvey(): ISurvey;
   getRootData(): ISurveyData;
 }
-export interface ICustomComponentDescription {
+/*
+* An interface used to create custom question types.
+* 
+* Refer to the following articles for more information:
+* 
+* - [Create Specialized Question Types](https://surveyjs.io/Documentation/Survey-Creator?id=create-specialized-question-types)
+* - [Create Composite Question Types](https://surveyjs.io/Documentation/Survey-Creator?id=create-composite-question-types)
+*/
+export interface ICustomQuestionTypeConfiguration {
+  /*
+  * A name used to identify a custom question type.
+  */
   name: string;
+  /*
+  * A title used for this custom question type in the UI. When `title` is not specified, the `name` property value is used.
+  */
+  title?: string;
+  /*
+  * An icon for the custom question type.
+  */
+  icon?: string;
+  /*
+  * A function that is called when the custom question type is initialized. Use it to add, remove, or modify the type's properties (see [Override Base Question Properties](https://surveyjs.io/Documentation/Survey-Creator?id=create-composite-question-types#override-base-question-properties)).
+  */
   onInit(): void;
   /*
-  * Set this property to false if you don't want to show the component in toolbox in Creator
+  * Specifies whether the custom question type is available in the Toolbox and the Add Question menu.
+  * 
+  * Default value: `true`
+  * 
+  * Set this property to `false` if your custom question type is used only to customize Property Grid content and is not meant for a survey.
   */
   showInToolbox?: boolean;
+  /*
+  * A function that is called when the custom question is created. Use it to access questions nested within a [composite question type](https://surveyjs.io/Documentation/Survey-Creator?id=create-composite-question-types).
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  */
   onCreated(question: Question): void;
+  /*
+  * A function that is called when JSON definitions are loaded.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  */
   onLoaded(question: Question): void;
+  /*
+  * A function that is called after the entire question is rendered.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  * - `htmlElement`: any - An HTML element that represents the custom question.
+  */
   onAfterRender(question: Question, htmlElement: any): void;
+  /*
+  * A function that is called each time a question nested within a [composite question](https://surveyjs.io/Documentation/Survey-Creator?id=create-composite-question-types) is rendered.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The composite question.
+  * - `element`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - A nested question.
+  * - `htmlElement`: any - An HTML element that represents the nested question.
+  */
   onAfterRenderContentElement(question: Question, element: Question, htmlElement: any): void;
+  /*
+  * A function that is called when a custom question type property is changed. Use it to handle property changes.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  * - `propertyName`: string - The name of the changed property.
+  * - `newValue`: any - A new value for the property.
+  */
   onPropertyChanged(question: Question, propertyName: string, newValue: any): void;
+  /*
+  * A function that is called when the question value is changed.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  * - `name`: string -  The question's [name](https://surveyjs.io/Documentation/Library?id=Question#name).
+  * - `newValue`: any - A new value for the question.
+  */
   onValueChanged(question: Question, name: string, newValue: any): void;
+  /*
+  * A function that is called when an [ItemValue](https://surveyjs.io/Documentation/Library?id=itemvalue) property is changed.
+  * 
+  * Parameters:
+  * 
+  * - `question`: [Question](https://surveyjs.io/Documentation/Library?id=Question) - The custom question.
+  * - `options.obj`: [ItemValue](https://surveyjs.io/Documentation/Library?id=itemvalue) - An `ItemValue` object.
+  * - `options.propertyName`: string - The name of the property to which an array of `ItemValue` objects is assigned (for example, `"choices"` or `"rows"`).
+  * - `options.name`: string - The name of the changed property: `"text"` or `"value"`.
+  * - `options.newValue`: any - A new value for the property.
+  */
   onItemValuePropertyChanged(question: Question, options: any): void;
+  /*
+  * A function that allows you to override the default `getDisplayValue()` implementation.
+  */
   getDisplayValue?: any;
+  /*
+  * JSON definitions of nested questions. Specify this property to create a [composite question type](https://surveyjs.io/Documentation/Survey-Creator?id=create-composite-question-types).
+  */
   elementsJSON?: any;
+  /*
+  * A function that allows you to create nested questions if you do not specify the `elementsJSON` property.
+  */
   createElements?: any;
+  /*
+  * A JSON definition for a built-in question type on which the custom question type is based.
+  * 
+  * Refer to the [Create Specialized Question Types](https://surveyjs.io/Documentation/Survey-Creator?id=create-specialized-question-types) help topic for more information.
+  */
   questionJSON?: any;
+  /*
+  * A function that allows you to create a custom question if you do not specify the `questionJSON` property.
+  */
   createQuestion?: any;
 }
 export interface IActionBarItemProps {
@@ -570,7 +689,7 @@ export interface ISurveyCreator {
 export interface ISurveyHeaderProps {
   survey: any;
 }
-export interface IMAtrixRowProps {
+export interface IMatrixRowProps {
   model: any;
   parentMatrix: any;
 }
@@ -703,7 +822,7 @@ export declare class Base {
   */
   get isLoadingFromJson(): boolean;
   protected getIsLoadingFromJson(): boolean;
-  startLoadingFromJson(): void;
+  startLoadingFromJson(json?: any): void;
   endLoadingFromJson(): void;
   /*
   * Deserialized the current object into JSON
@@ -812,6 +931,11 @@ export declare class Bindings {
   getJson(): any;
   setJson(value: any): void;
 }
+export declare class BrandInfo extends React.Component<any, any> {
+  constructor(props: any);
+  constructor(props: any, context: any);
+  render(): JSX.Element;
+}
 export declare class ButtonGroupItemModel {
   constructor(question: QuestionButtonGroupModel, item: ItemValue, index: number);
   question: QuestionButtonGroupModel;
@@ -838,7 +962,7 @@ export declare class ComponentCollection {
   onCreateComposite: (name: string, questionJSON: ComponentQuestionJSON) => QuestionCompositeModel;
   onCreateCustom: (name: string, questionJSON: ComponentQuestionJSON) => QuestionCustomModel;
   onAddingJson: (name: string, isComposite: boolean) => void;
-  add(json: ICustomComponentDescription): void;
+  add(json: ICustomQuestionTypeConfiguration): void;
   get items(): any;
   getCustomQuestionByName(name: string): ComponentQuestionJSON;
   clear(): void;
@@ -847,9 +971,9 @@ export declare class ComponentCollection {
   protected createCustomModel(name: string, questionJSON: ComponentQuestionJSON): QuestionCustomModel;
 }
 export declare class ComponentQuestionJSON {
-  constructor(name: string, json: ICustomComponentDescription);
+  constructor(name: string, json: ICustomQuestionTypeConfiguration);
   name: string;
-  json: ICustomComponentDescription;
+  json: ICustomQuestionTypeConfiguration;
   onInit(): void;
   onCreated(question: Question): void;
   onLoaded(question: Question): void;
@@ -1148,13 +1272,13 @@ export declare class OperandMaker {
 }
 export declare class PopupUtils {
   static bottomIndent: number;
-  static calculatePosition(targetRect: any, height: number, width: number, verticalPosition: any, horizontalPosition: any, showPointer: boolean): INumberPosition;
+  static calculatePosition(targetRect: any, height: number, width: number, verticalPosition: any, horizontalPosition: any, showPointer: boolean, positionMode?: any): INumberPosition;
   static updateVerticalDimensions(top: number, height: number, windowHeight: number): any;
-  static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: any): any;
+  static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: any, positionMode?: any, margins?: any): any;
   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, e: any): void;
+  static updatePopupWidthBeforeShow(popupModel: any, target: JSX.Element): void;
 }
 export declare class ProcessValue {
   constructor();
@@ -1783,8 +1907,8 @@ export declare class DragDropCore<T> extends Base {
   protected getShortcutText(draggedElement: IShortcutText): string;
   protected createDraggedElementShortcut(text: string, draggedElementNode?: any, event?: any): any;
   protected getDraggedElementClass(): string;
-  protected doDragOver(dropTargetNode?: any): void;
-  protected afterDragOver(dropTargetNode?: any): void;
+  protected doDragOver(dropTargetNode?: any, event?: any): void;
+  protected afterDragOver(dropTargetNode?: any, event?: any): void;
   getGhostPosition(item: any): string;
   protected isDropTargetValid(dropTarget: any, dropTargetNode?: any): boolean;
   handlePointerCancel: (event: any) => void;
@@ -1794,13 +1918,28 @@ export declare class DragDropCore<T> extends Base {
   protected getDataAttributeValueByNode(node: any): any;
   protected getDropTargetByNode(dropTargetNode: any, event: any): any;
   protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode?: any, event?: any): any;
-  protected calculateMiddleOfHTMLElement(HTMLElement: any): number;
+  protected calculateVerticalMiddleOfHTMLElement(HTMLElement: any): number;
+  protected calculateHorizontalMiddleOfHTMLElement(HTMLElement: any): number;
   protected calculateIsBottom(clientY: number, dropTargetNode?: any): boolean;
   protected findDropTargetNodeByDragOverNode(dragOverNode: any): any;
   protected doDrop(): any;
   protected clear: any;
   protected doClear(): void;
 }
+export declare class DropdownListModel extends Base {
+  constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any) => void);
+  _popupModel: any;
+  protected listModel: ListModel;
+  protected getAvailableItems(): Array<Action>;
+  protected createListModel(): ListModel;
+  get popupModel(): any;
+  setSearchEnabled(newValue: boolean): void;
+  updateItems(): void;
+  onClick(event: any): void;
+  onClear(event: any): void;
+  onKeyUp(event: any): void;
+  onBlur(event: any): void;
+}
 export declare class EventBase<T> extends Event<any, any> {
 }
 export declare class ExceedSizeError extends SurveyError {
@@ -2086,6 +2225,7 @@ export declare class LocalizableString implements ILocalizableString {
   localizationName: string;
   onGetTextCallback: (str: string) => string;
   onGetDefaultTextCallback: any;
+  storeDefaultText: boolean;
   onGetLocalizationTextCallback: (str: string) => string;
   onStrChanged: (oldValue: string, newValue: string) => void;
   onSearchChanged: any;
@@ -2180,6 +2320,9 @@ export declare class MatrixDropdownColumn extends Base implements ILocalizableOw
   get fullTitle(): string;
   get isRequired(): boolean;
   set isRequired(val: boolean);
+  get isRenderedRequired(): boolean;
+  set isRenderedRequired(val: boolean);
+  updateIsRenderedRequired(val: boolean): void;
   get requiredText(): string;
   get requiredErrorText(): string;
   set requiredErrorText(val: string);
@@ -2235,6 +2378,7 @@ export declare class MatrixDropdownColumn extends Base implements ILocalizableOw
   getRendererContext(locStr: LocalizableString): any;
   getProcessedText(text: string): string;
   createCellQuestion(row: MatrixDropdownRowModelBase): Question;
+  startLoadingFromJson(json?: any): void;
   updateCellQuestion(cellQuestion: Question, data: any, onUpdateJson?: (json: any) => any): void;
   defaultCellTypeChanged(): void;
   protected calcCellQuestionType(row: MatrixDropdownRowModelBase): string;
@@ -2328,8 +2472,8 @@ export declare class MatrixDropdownTotalCell extends MatrixDropdownCell {
   updateCellQuestion(): void;
   getTotalExpression(): string;
 }
-export declare class MatrixRow extends SurveyElementBase<IMAtrixRowProps, any> {
-  constructor(props: IMAtrixRowProps);
+export declare class MatrixRow extends SurveyElementBase<IMatrixRowProps, any> {
+  constructor(props: IMatrixRowProps);
   get model(): any;
   get parentMatrix(): any;
   protected getStateElement(): any;
@@ -2481,6 +2625,7 @@ export declare class PopupBaseViewModel extends Base {
   top: string;
   left: string;
   height: string;
+  width: string;
   minWidth: string;
   isVisible: boolean;
   popupDirection: string;
@@ -2542,6 +2687,7 @@ export declare class PopupModel<T = any> extends Base {
   cssClass: string;
   title: string;
   displayMode: "popup" | "overlay";
+  positionMode: any;
   onVisibilityChanged: EventBase<PopupModel<any>>;
   get isVisible(): boolean;
   set isVisible(val: boolean);
@@ -2754,7 +2900,7 @@ export declare class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
   get question(): any;
   get item(): any;
   getStateElement(): any;
-  render(): JSX.Element;
+  renderElement(): JSX.Element;
   protected renderIcon(): JSX.Element;
   protected renderInput(): JSX.Element;
   protected renderCaption(): JSX.Element;
@@ -3017,7 +3163,9 @@ export declare class Trigger extends Base {
   set name(val: string);
   get expression(): string;
   set expression(val: string);
-  checkExpression(keys: any, values: any, properties?: any): void;
+  protected canBeExecuted(isOnNextPage: boolean): boolean;
+  protected isExecutingOnNextPage: boolean;
+  checkExpression(isOnNextPage: boolean, keys: any, values: any, properties?: any): void;
   check(value: any): void;
   protected onSuccess(values: any, properties: any): void;
   protected onFailure(): void;
@@ -3069,6 +3217,7 @@ export declare class AdaptiveActionContainer<T extends Action = Action> extends
   minVisibleItemsCount: number;
   isResponsivenessDisabled: boolean;
   protected invisibleItemsListModel: ListModel;
+  static ContainerID: number;
   protected onSet(): void;
   protected onPush(item: T): void;
   protected getRenderedActions(): Array<T>;
@@ -3123,7 +3272,9 @@ export declare class DragDropChoices extends DragDropCore<QuestionSelectBase> {
   protected createDraggedElementShortcut(text: string, draggedElementNode: any, event: any): any;
   protected findDropTargetNodeByDragOverNode(dragOverNode: any): any;
   protected getDropTargetByDataAttributeValue(dataAttributeValue: string): ItemValue;
+  protected doDragOver: any;
   protected isDropTargetValid(dropTarget: ItemValue): boolean;
+  protected doBanDropHere: any;
   protected calculateIsBottom(clientY: number): boolean;
   protected afterDragOver(dropTargetNode: any): void;
   protected doDrop(): any;
@@ -3155,6 +3306,8 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
   protected ghostSurveyElement: IElement;
   protected get draggedElementType(): string;
   protected isDraggedElementSelected: boolean;
+  isRight: boolean;
+  protected prevIsRight: boolean;
   startDragToolboxItem(event: any, draggedElementJson: JsonObject, toolboxItemTitle: string): void;
   startDragSurveyElement(event: any, draggedElement: any, isElementSelected?: boolean): void;
   protected getShortcutText(draggedElement: IShortcutText): string;
@@ -3165,9 +3318,11 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
   protected getDropTargetByDataAttributeValue(dataAttributeValue: string, dropTargetNode: any, event: any): any;
   protected isDropTargetValid(): boolean;
   protected calculateIsBottom(clientY: number, dropTargetNode?: any): boolean;
+  protected calculateIsRight(clientX: number, dropTargetNode?: any): boolean;
   protected isDropTargetDoesntChanged(newIsBottom: boolean): boolean;
   protected findDeepestDropTargetChild(parent: any): any;
-  protected afterDragOver(): void;
+  protected doDragOver(dropTargetNode?: any, event?: any): void;
+  protected afterDragOver(dropTargetNode: any, event: any): void;
   protected onStartDrag(): void;
   protected doBanDropHere: any;
   protected doDrop: any;
@@ -3175,6 +3330,12 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
   protected insertGhostElementIntoSurvey(): boolean;
   protected removeGhostElementFromSurvey(): void;
 }
+export declare class DropdownMultiSelectListModel extends DropdownListModel {
+  constructor(question: Question, onSelectionChanged?: (item: IAction, ...params: any) => void);
+  protected override: any;
+  createListModel(): MultiSelectListModel;
+  onClear(event: any): void;
+}
 /*
 * Validate e-mail address in the text input
 */
@@ -3247,10 +3408,10 @@ export declare class JsonMissingTypeError extends JsonMissingTypeErrorBase {
   baseClassName: string;
 }
 export declare class ListModel extends ActionContainer {
-  constructor(items: any, onItemSelect: (item: Action) => void, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChangedCallback?: (text: string) => void);
-  onItemSelect: (item: Action) => void;
+  constructor(items: any, onSelectionChanged: (item: Action, ...params: any) => void, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChangedCallback?: (text: string) => void);
+  onSelectionChanged: (item: Action, ...params: any) => void;
   allowSelection: boolean;
-  denySearch: boolean;
+  searchEnabled: boolean;
   needFilter: boolean;
   isExpanded: boolean;
   selectedItem: IAction;
@@ -3259,7 +3420,7 @@ export declare class ListModel extends ActionContainer {
   static MINELEMENTCOUNT: number;
   isItemVisible(item: Action): boolean;
   protected onSet(): void;
-  selectItem: (itemValue: Action) => void;
+  onItemClick: (itemValue: Action) => void;
   isItemDisabled: (itemValue: Action) => boolean;
   isItemSelected: (itemValue: Action) => boolean;
   getItemClass: (itemValue: Action) => string;
@@ -3531,6 +3692,7 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   get isErrorsModeTooltip(): boolean;
   protected getIsErrorsModeTooltip(): boolean;
   get hasParent(): boolean;
+  isSingleInRow: boolean;
   protected get hasFrameV2(): boolean;
   /*
   * Use it to set the specific width to the survey element like css style (%, px, em etc).
@@ -4279,6 +4441,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   get completedStateCss(): string;
   getCompletedStateCss(): string;
   lazyRenderingValue: boolean;
+  showBrandInfo: boolean;
   /*
   * By default all rows are rendered no matters if they are visible or not.
   * Set it true, and survey markup rows will be rendered only if they are visible in viewport.
@@ -5068,6 +5231,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   protected doServerValidation(doComplete: boolean, isPreview?: boolean): boolean;
   protected doNextPage(): void;
   setCompleted(): void;
+  canBeCompleted(): void;
   /*
   * Returns the HTML content for the complete page.
   */
@@ -5373,6 +5537,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   */
   get widthMode(): string;
   set widthMode(val: string);
+  calculatedWidthMode: string;
   calculateWidthMode(): string;
   get timerInfoText(): string;
   get timerModel(): SurveyTimerModel;
@@ -5502,7 +5667,7 @@ export declare class SurveyQuestionButtonGroup extends SurveyQuestionElementBase
   constructor(props: any);
   protected get question(): any;
   getStateElement(): any;
-  render(): JSX.Element;
+  renderElement(): JSX.Element;
   renderItems(): any;
 }
 export declare class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
@@ -5513,7 +5678,8 @@ export declare class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
   protected getFooter(): any;
   protected getColumnedBody(cssClasses: any): JSX.Element;
   protected getColumns(cssClasses: any): any;
-  protected getItems(cssClasses: any): Array<any>;
+  protected getBody(cssClasses: any): JSX.Element;
+  protected getItems(cssClasses: any, choices: any): Array<any>;
   protected get textStyle(): any;
   protected renderOther(): JSX.Element;
   protected renderItem(key: string, item: any, isFirst: boolean, cssClasses: any, index: string): JSX.Element;
@@ -5628,6 +5794,12 @@ export declare class SurveyQuestionMatrixDropdownBase extends SurveyQuestionElem
   renderRow(keyValue: any, row: any, cssClasses: any): JSX.Element;
   renderCell(cell: any, index: number, cssClasses: any): JSX.Element;
 }
+export declare class SurveyQuestionMatrixDynamicAddButton extends ReactSurveyElement {
+  constructor(props: any);
+  protected get matrix(): any;
+  handleOnRowAddClick(event: any): void;
+  protected renderElement(): JSX.Element;
+}
 export declare class SurveyQuestionMatrixDynamicDragDropIcon extends ReactSurveyElement {
   constructor(props: any);
   protected renderElement(): JSX.Element;
@@ -5637,6 +5809,13 @@ export declare class SurveyQuestionMatrixDynamicRemoveButton extends ReactSurvey
   handleOnRowRemoveClick(event: any): void;
   protected renderElement(): JSX.Element;
 }
+export declare class SurveyQuestionMatrixHeaderRequired extends ReactSurveyElement {
+  constructor(props: any);
+  get column(): MatrixDropdownColumn;
+  get question(): any;
+  protected getStateElement(): Base;
+  protected renderElement(): JSX.Element;
+}
 export declare class SurveyQuestionMatrixRow extends ReactSurveyElement {
   constructor(props: any);
   handleOnChange(event: any): void;
@@ -5698,7 +5877,8 @@ export declare class SurveyQuestionRadiogroup extends SurveyQuestionElementBase
   protected getFooter(): any;
   protected getColumnedBody(cssClasses: any): JSX.Element;
   protected getColumns(cssClasses: any): any;
-  protected getItems(cssClasses: any): Array<any>;
+  protected getBody(cssClasses: any): JSX.Element;
+  protected getItems(cssClasses: any, choices: any): Array<any>;
   protected get textStyle(): any;
   protected renderOther(cssClasses: any): JSX.Element;
 }
@@ -5757,7 +5937,7 @@ export declare class SurveyTrigger extends Trigger {
   get owner(): ISurveyTriggerOwner;
   setOwner(owner: ISurveyTriggerOwner): void;
   getSurvey(live?: boolean): ISurvey;
-  get isOnNextPage(): boolean;
+  protected isRealExecution(): boolean;
   protected onSuccessExecuted(): void;
 }
 export declare class SurveyWindow extends Survey {
@@ -5838,6 +6018,14 @@ export declare class DragDropRankingChoices extends DragDropChoices {
   protected doDrop: any;
   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);
+  selectedItems: any;
+  onItemClick: (item: Action) => void;
+  isItemDisabled: (itemValue: Action) => boolean;
+  isItemSelected: (itemValue: Action) => boolean;
+  setSelectedItems(newItems: any): void;
+}
 /*
 * A base class for a Panel and Page objects.
 */
@@ -6725,10 +6913,14 @@ export declare class SurveyQuestionCustom extends SurveyQuestionUncontrolledElem
 }
 export declare class SurveyQuestionDropdownBase<T> extends SurveyQuestionUncontrolledElement<T> {
   constructor(props: any);
-  onClick: (event: any) => void;
+  click: (event: any) => void;
+  clear: (event: any) => void;
+  keyup: (event: any) => void;
+  blur: (event: any) => void;
   protected setValueCore(newValue: any): void;
   protected getValueCore(): any;
   protected renderSelect(cssClasses: any): JSX.Element;
+  createClearButton(): JSX.Element;
 }
 export declare class SurveyQuestionMatrixDropdown extends SurveyQuestionMatrixDropdownBase {
   constructor(props: any);
@@ -6786,7 +6978,7 @@ export declare class SurveyQuestionText extends SurveyQuestionUncontrolledElemen
 export declare class SurveyTriggerComplete extends SurveyTrigger {
   constructor();
   getType(): string;
-  get isOnNextPage(): boolean;
+  protected isRealExecution(): boolean;
   protected onSuccess(values: any, properties: any): void;
 }
 /*
@@ -6836,7 +7028,7 @@ export declare class SurveyTriggerSkip extends SurveyTrigger {
   getType(): string;
   get gotoName(): string;
   set gotoName(val: string);
-  get isOnNextPage(): boolean;
+  protected canBeExecuted(isOnNextPage: boolean): boolean;
   protected onSuccess(values: any, properties: any): void;
 }
 /*
@@ -8155,10 +8347,14 @@ export declare class QuestionSelectBase extends Question {
   getControlLabelClass(item: ItemValue): string;
   get headItems(): any;
   get footItems(): any;
+  get dataChoices(): any;
+  get bodyItems(): any;
   get hasHeadItems(): boolean;
   get hasFootItems(): boolean;
   get columns(): any;
   get hasColumns(): boolean;
+  get rowLayout(): boolean;
+  get blockedRow(): boolean;
   choicesLoaded(): void;
   getItemValueWrapperComponentName(item: ItemValue): string;
   getItemValueWrapperComponentData(item: ItemValue): any;
@@ -8271,6 +8467,7 @@ export declare class QuestionTextBase extends Question {
   protected calcRenderedPlaceHolder(): void;
   protected hasPlaceHolder(): boolean;
   getControlClass(): string;
+  get ariaRole(): string;
 }
 export declare class SurveyQuestionDropdown extends SurveyQuestionDropdownBase<Question> {
   constructor(props: any);
@@ -8290,6 +8487,11 @@ export declare class SurveyQuestionRatingDropdown extends SurveyQuestionDropdown
   constructor(props: any);
   protected renderElement(): JSX.Element;
 }
+export declare class SurveyQuestionTagbox extends SurveyQuestionDropdownBase<Question> {
+  constructor(props: any);
+  protected renderElement(): JSX.Element;
+  protected renderOther(cssClasses: any): JSX.Element;
+}
 /*
 * The flow panel object. It is a container with flow layout where you can mix questions with markdown text.
 */
@@ -8377,6 +8579,7 @@ export declare class QuestionCompositeModel extends QuestionCustomModelBase {
   protected createWrapper(): void;
   getTemplate(): string;
   protected getElement(): SurveyElement;
+  protected getCssRoot(cssClasses: any): string;
   get contentPanel(): PanelModel;
   hasErrors(fireCallback?: boolean, rec?: any): boolean;
   updateElementCss(reNew?: boolean): void;
@@ -8426,12 +8629,13 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
 */
 export declare class QuestionDropdownModel extends QuestionSelectBase {
   constructor(name: string);
+  dropdownListModel: DropdownListModel;
   get showOptionsCaption(): boolean;
   set showOptionsCaption(val: boolean);
   get optionsCaption(): string;
   set optionsCaption(val: string);
   /*
-  * The input place holder.
+  * A text displayed in the input field when it doesn't have a value.
   */
   get placeholder(): string;
   set placeholder(val: string);
@@ -8463,20 +8667,25 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   get autoComplete(): string;
   set autoComplete(val: string);
   /*
-  * Use it to clear the question value.
+  * Specifies whether to display a button that clears the selected value.
   */
   allowClear: boolean;
+  /*
+  * The name of a component used to render drop-down menu items.
+  */
   itemComponent: string;
-  denySearch: boolean;
+  /*
+  * Specifies whether to display a search bar in the drop-down menu.
+  */
+  searchEnabled: boolean;
   getControlClass(): string;
   get readOnlyText(): any;
-  onClear(event: any): void;
-  protected onVisibleChoicesChanged(): void;
-  _popupModel: any;
   get popupModel(): any;
   onOpened: EventBase<QuestionDropdownModel>;
   onOpenedCallBack(): void;
-  onClick(event: any): void;
+  protected onVisibleChoicesChanged(): void;
+  onClick(e: any): void;
+  onKeyUp(event: any): void;
 }
 /*
 * A Model for html question. Unlike other questions it doesn't have value and title.
@@ -8563,6 +8772,8 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   onHasDetailPanelCallback: (row: MatrixDropdownRowModelBase) => boolean;
   onCreateDetailPanelCallback: (row: MatrixDropdownRowModelBase, panel: PanelModel) => void;
   onCreateDetailPanelRenderedRowCallback: (renderedRow: QuestionMatrixDropdownRenderedRow) => void;
+  onAddColumn: (column: MatrixDropdownColumn) => void;
+  onRemoveColumn: (column: MatrixDropdownColumn) => void;
   protected createColumnValues(): any;
   /*
   * Returns the type of the object as a string as it represents in the json.
@@ -8953,7 +9164,6 @@ export declare class QuestionTextModel extends QuestionTextBase {
 export declare class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
   constructor(props: any);
   protected renderSelect(cssClasses: any): JSX.Element;
-  createClearButton(): JSX.Element;
 }
 /*
 * A Model for a button group question.
@@ -9399,14 +9609,47 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
   get longTap(): boolean;
   set longTap(val: boolean);
 }
+/*
+* A Model for a tagbox question
+*/
+export declare class QuestionTagboxModel extends QuestionCheckboxModel {
+  constructor(name: string);
+  dropdownListModel: DropdownMultiSelectListModel;
+  onSurveyLoad(): void;
+  get readOnlyText(): any;
+  /*
+  * 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.
+  */
+  searchEnabled: boolean;
+  /*
+  * A text displayed in the input field when it doesn't have a value.
+  */
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
+  getType(): string;
+  get popupModel(): any;
+  getControlClass(): string;
+  protected onVisibleChoicesChanged(): void;
+}
 export declare function property(options?: any): (target: any, key: string) => void;
 export declare function propertyArray(options?: IArrayPropertyDecoratorOptions): (target: any, key: string) => void;
 export declare function unwrap<T>(value: any): T;
 export declare function getSize(value: any): any;
-export declare function createPopupModalViewModel(componentName: string, data: any, onApply: any, onCancel?: any, onHide?: any, onShow?: any, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): PopupBaseViewModel;
+export declare function doKey2ClickBlur(evt: any): void;
+export declare function doKey2ClickUp(evt: any, options?: IAttachKey2clickOptions): void;
+export declare function doKey2ClickDown(evt: any, options?: IAttachKey2clickOptions): void;
+export declare function sanitizeEditableContent(element: any): void;
+export declare function createDialogOptions(componentName: string, data: any, onApply: any, onCancel?: any, onHide?: any, onShow?: any, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): IDialogOptions;
+export declare function createPopupModalViewModel(options: IDialogOptions): PopupBaseViewModel;
 export declare function getCurrecyCodes(): Array<any>;
 export declare function showModal(componentName: string, data: any, onApply: any, onCancel?: any, cssClass?: string, title?: string, displayMode?: "popup" | "overlay"): void;
-export declare function attachKey2click(element: JSX.Element, viewModel?: any, options?: any): JSX.Element;
+export declare function showDialog(dialogOptions: any): void;
+export declare function attachKey2click(element: JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): JSX.Element;
 /*
 * Global survey settings
 */
@@ -9606,6 +9849,10 @@ export declare var settings: {
     panel: string,
     question: string,
   },
+  questions: {
+    inputTypes: any,
+    dataList: any,
+  },
 };
 export declare var surveyLocalization: {
   currentLocaleValue: string,
@@ -9976,6 +10223,18 @@ export declare var defaultStandardCss: {
   variables: {
     themeMark: string,
   },
+  tagbox: {
+    root: string,
+    small: string,
+    selectWrapper: string,
+    other: string,
+    cleanButton: string,
+    cleanButtonSvg: string,
+    cleanButtonIconId: string,
+    control: string,
+    controlValue: string,
+    controlEmpty: string,
+  },
 };
 export declare var surveyTimerFunctions: {
   setTimeout: (func: any) => any,
@@ -10759,6 +11018,7 @@ export declare var defaultV2Css: {
   pageDescription: string,
   row: string,
   rowMultiple: string,
+  pageRow: string,
   question: {
     mainRoot: string,
     flowRoot: string,
@@ -10795,6 +11055,7 @@ export declare var defaultV2Css: {
     expanded: string,
     nested: string,
     invisible: string,
+    composite: string,
   },
   image: {
     mainRoot: string,
@@ -10821,6 +11082,7 @@ export declare var defaultV2Css: {
   },
   checkbox: {
     root: string,
+    rootRow: string,
     rootMultiColumn: string,
     item: string,
     itemOnError: string,
@@ -10842,6 +11104,7 @@ export declare var defaultV2Css: {
   },
   radiogroup: {
     root: string,
+    rootRow: string,
     rootMultiColumn: string,
     item: string,
     itemOnError: string,
@@ -11041,6 +11304,7 @@ export declare var defaultV2Css: {
     maxText: string,
     itemDisabled: string,
     control: string,
+    controlValue: string,
     controlDisabled: string,
     controlEmpty: string,
     onError: string,
@@ -11159,6 +11423,29 @@ export declare var defaultV2Css: {
     imagepickerGapBetweenItems: string,
     themeMark: string,
   },
+  tagbox: {
+    root: string,
+    small: string,
+    selectWrapper: string,
+    other: string,
+    onError: string,
+    label: string,
+    item: string,
+    itemDisabled: string,
+    itemChecked: string,
+    itemHover: string,
+    itemControl: string,
+    itemDecorator: string,
+    cleanButton: string,
+    cleanButtonSvg: string,
+    cleanButtonIconId: string,
+    control: string,
+    controlValue: string,
+    controlDisabled: string,
+    controlEmpty: string,
+    controlLabel: string,
+    materialDecorator: string,
+  },
 };
 export declare var modernCss: {
   root: string,