survey-react 1.9.38 → 1.9.41

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.38
+* Type definition for Survey JavaScript library for React v1.9.41
 * 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;
@@ -363,7 +367,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
   isValidateOnValueChanging: boolean;
   isValidateOnValueChanged: boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
-  dynamicPanelAdded(question: IQuestion): any;
+  dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): any;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): any;
   dynamicPanelItemValueChanged(question: IQuestion, options: any): any;
   dragAndDropAllow(options: any): boolean;
@@ -531,6 +535,129 @@ export interface IQuestionPanelDynamicData {
   getSurvey(): ISurvey;
   getRootData(): ISurveyData;
 }
+/*
+* 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;
+  /*
+  * 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 {
   item: any;
 }
@@ -550,7 +677,7 @@ export interface ISurveyCreator {
 export interface ISurveyHeaderProps {
   survey: any;
 }
-export interface IMAtrixRowProps {
+export interface IMatrixRowProps {
   model: any;
   parentMatrix: any;
 }
@@ -683,7 +810,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
@@ -717,6 +844,11 @@ export declare class Base {
   get isEditingSurveyElement(): boolean;
   iteratePropertiesHash(func: (hash: any, key: any) => void): void;
   /*
+  * set property value and before check if new property value is correct by calling JsonProperty onSettingValue function
+  * If onSettingValue is not set in declaration, then this function works as `setPropertyValue`.
+  */
+  checkAndSetPropertyValue(name: string, val: any): void;
+  /*
   * set property value
   */
   setPropertyValue(name: string, val: any): void;
@@ -787,6 +919,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;
@@ -813,7 +950,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: any): void;
+  add(json: ICustomQuestionTypeConfiguration): void;
   get items(): any;
   getCustomQuestionByName(name: string): ComponentQuestionJSON;
   clear(): void;
@@ -822,9 +959,9 @@ export declare class ComponentCollection {
   protected createCustomModel(name: string, questionJSON: ComponentQuestionJSON): QuestionCustomModel;
 }
 export declare class ComponentQuestionJSON {
-  constructor(name: string, json: any);
+  constructor(name: string, json: ICustomQuestionTypeConfiguration);
   name: string;
-  json: any;
+  json: ICustomQuestionTypeConfiguration;
   onInit(): void;
   onCreated(question: Question): void;
   onLoaded(question: Question): void;
@@ -944,6 +1081,8 @@ export declare class Event<T, Options> {
   onCallbacksChanged: any;
   protected callbacks: any;
   get isEmpty(): boolean;
+  get length(): number;
+  fireByCreatingOptions(sender: any, createOptions: any): void;
   fire(sender: any, options: any): void;
   clear(): void;
   add(func: T): void;
@@ -1121,13 +1260,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();
@@ -1709,7 +1848,6 @@ export declare class ConditionRunner extends ExpressionRunnerBase {
 export declare class Const extends Operand {
   constructor(value: any);
   getType(): string;
-  setValue(val: any): void;
   toString(func?: (op: Operand) => string): string;
   get correctValue(): any;
   evaluate(): any;
@@ -1757,8 +1895,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;
@@ -1768,13 +1906,24 @@ 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);
+  _popupModel: any;
+  get popupModel(): any;
+  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 {
@@ -1958,6 +2107,7 @@ export declare class JsonObjectProperty implements IObject {
   dataListValue: any;
   layout: string;
   onGetValue: (obj: any) => any;
+  onSettingValue: (obj: any, value: any) => any;
   onSetValue: (obj: any, value: any, jsonConv: JsonObject) => any;
   visibleIf: (obj: any) => boolean;
   onExecuteExpression: (obj: any, res: any) => any;
@@ -1978,6 +2128,7 @@ export declare class JsonObjectProperty implements IObject {
   getValue(obj: any): any;
   getPropertyValue(obj: any): any;
   get hasToUseSetValue(): any;
+  settingValue(obj: any, value: any): any;
   setValue(obj: any, value: any, jsonConv: JsonObject): void;
   getObjType(objType: string): any;
   getClassName(className: string): string;
@@ -2058,6 +2209,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;
@@ -2152,6 +2304,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);
@@ -2207,6 +2362,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;
@@ -2300,8 +2456,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;
@@ -2454,6 +2610,7 @@ export declare class PopupBaseViewModel extends Base {
   left: string;
   height: string;
   width: string;
+  minWidth: string;
   isVisible: boolean;
   popupDirection: string;
   pointerTarget: IPosition;
@@ -2514,7 +2671,7 @@ export declare class PopupModel<T = any> extends Base {
   cssClass: string;
   title: string;
   displayMode: "popup" | "overlay";
-  widthMode: "contentWidth" | "fixedWidth";
+  positionMode: any;
   onVisibilityChanged: EventBase<PopupModel<any>>;
   get isVisible(): boolean;
   set isVisible(val: boolean);
@@ -3042,6 +3199,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>;
@@ -3096,7 +3254,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;
@@ -3128,6 +3288,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;
@@ -3138,9 +3300,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;
@@ -4252,6 +4416,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.
@@ -5036,6 +5201,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   * Gets whether the question values on the current page are validating on the server at the current moment.
   */
   get isValidatingOnServer(): boolean;
+  serverValidationEventCount: number;
   protected onIsValidatingOnServerChanged(): void;
   protected doServerValidation(doComplete: boolean, isPreview?: boolean): boolean;
   protected doNextPage(): void;
@@ -5093,7 +5259,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   get isValidateOnValueChanging(): boolean;
   get isValidateOnValueChanged(): boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
-  dynamicPanelAdded(question: IQuestion): void;
+  dynamicPanelAdded(question: IQuestion, panelIndex?: number, panel?: IPanel): void;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): void;
   dynamicPanelItemValueChanged(question: IQuestion, options: any): void;
   dragAndDropAllow(options: any): boolean;
@@ -5345,6 +5511,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;
@@ -5485,7 +5652,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;
@@ -5600,6 +5768,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;
@@ -5609,6 +5783,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;
@@ -5626,6 +5807,8 @@ export declare class SurveyQuestionMultipleText extends SurveyQuestionElementBas
 }
 export declare class SurveyQuestionOptionItem extends ReactSurveyElement {
   constructor(props: any);
+  componentDidUpdate(prevProps: any, prevState: any): void;
+  componentWillUnmount(): void;
   protected getStateElement(): Base;
   protected canRender(): boolean;
   protected renderElement(): JSX.Element;
@@ -5668,7 +5851,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;
 }
@@ -6695,10 +6879,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);
@@ -7875,10 +8063,10 @@ export declare class QuestionRatingModel extends Question {
   get ratingRootCss(): string;
   getItemClass(item: ItemValue): string;
   getControlClass(): string;
-  get optionsCaption(): string;
-  set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
-  get showOptionsCaption(): boolean;
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
+  get allowClear(): boolean;
   get renderedValue(): boolean;
   set renderedValue(val: boolean);
   get visibleChoices(): any;
@@ -8125,10 +8313,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;
@@ -8241,6 +8433,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);
@@ -8347,6 +8540,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;
@@ -8396,17 +8590,17 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
 */
 export declare class QuestionDropdownModel extends QuestionSelectBase {
   constructor(name: string);
-  /*
-  * This flag controls whether to show options caption item ('Choose...').
-  */
+  dropdownListModel: DropdownListModel;
   get showOptionsCaption(): boolean;
   set showOptionsCaption(val: boolean);
-  /*
-  * Use this property to set the options caption different from the default value. The default value is taken from localization strings.
-  */
   get optionsCaption(): string;
   set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
+  /*
+  * The input place holder.
+  */
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
   getType(): string;
   get selectedItem(): ItemValue;
   supportGoNextPageAutomatic(): boolean;
@@ -8433,19 +8627,20 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   */
   get autoComplete(): string;
   set autoComplete(val: string);
-  showClearButton: boolean;
+  /*
+  * Use it to clear the question value.
+  */
+  allowClear: boolean;
   itemComponent: string;
   denySearch: boolean;
-  dropdownWidthMode: "contentWidth" | "editorWidth";
   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.
@@ -8532,6 +8727,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.
@@ -8659,11 +8856,13 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   get choices(): any;
   set choices(val: any);
   /*
-  * The default options caption for dropdown cell type.
+  * The default placeholder for dropdown cell type.
   */
+  get placeholder(): string;
+  set placeholder(val: string);
+  get locPlaceholder(): LocalizableString;
   get optionsCaption(): string;
   set optionsCaption(val: string);
-  get locOptionsCaption(): LocalizableString;
   /*
   * The duplication value error text. Set it to show the text different from the default.
   */
@@ -8920,7 +9119,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.
@@ -9370,10 +9568,11 @@ export declare function property(options?: any): (target: any, key: string) => v
 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 sanitizeEditableContent(element: any): void;
 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 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 attachKey2click(element: JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): JSX.Element;
 /*
 * Global survey settings
 */
@@ -9573,6 +9772,10 @@ export declare var settings: {
     panel: string,
     question: string,
   },
+  questions: {
+    inputTypes: any,
+    dataList: any,
+  },
 };
 export declare var surveyLocalization: {
   currentLocaleValue: string,
@@ -10659,6 +10862,7 @@ export declare var defaultV2Css: {
     titleCollapsed: string,
     titleOnExpand: string,
     titleOnError: string,
+    titleBar: string,
     description: string,
     container: string,
     withFrame: string,
@@ -10744,6 +10948,7 @@ export declare var defaultV2Css: {
     titleExpandable: string,
     titleExpanded: string,
     titleCollapsed: string,
+    titleBar: string,
     requiredText: string,
     number: string,
     description: string,
@@ -10760,6 +10965,7 @@ export declare var defaultV2Css: {
     expanded: string,
     nested: string,
     invisible: string,
+    composite: string,
   },
   image: {
     mainRoot: string,
@@ -10786,6 +10992,7 @@ export declare var defaultV2Css: {
   },
   checkbox: {
     root: string,
+    rootRow: string,
     rootMultiColumn: string,
     item: string,
     itemOnError: string,
@@ -10807,6 +11014,7 @@ export declare var defaultV2Css: {
   },
   radiogroup: {
     root: string,
+    rootRow: string,
     rootMultiColumn: string,
     item: string,
     itemOnError: string,
@@ -11006,6 +11214,7 @@ export declare var defaultV2Css: {
     maxText: string,
     itemDisabled: string,
     control: string,
+    controlValue: string,
     controlDisabled: string,
     controlEmpty: string,
     onError: string,