survey-react 1.9.26 → 1.9.29

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.26
+* Type definition for Survey JavaScript library for React v1.9.29
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -109,6 +109,7 @@ export interface IAction {
   * The action item's title.
   */
   title?: string;
+  locTitle?: any;
   /*
   * The action item's tooltip.
   */
@@ -357,6 +358,7 @@ export interface ISurvey extends ITextProcessor, ISurveyErrorOwner {
   matrixCellValueChanged(question: IQuestion, options: any): any;
   matrixCellValueChanging(question: IQuestion, options: any): any;
   isValidateOnValueChanging: boolean;
+  isValidateOnValueChanged: boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
   dynamicPanelAdded(question: IQuestion): any;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): any;
@@ -880,15 +882,6 @@ export declare class CustomWidgetCollection {
   getCustomWidgetByName(name: string): QuestionCustomWidget;
   getCustomWidget(question: IQuestion): QuestionCustomWidget;
 }
-export declare class DefaultTitle extends React.Component<any, any> {
-  constructor(props: any);
-  constructor(props: any, context: any);
-  isNeedFocus: boolean;
-  protected get cssClasses(): any;
-  protected get element(): any;
-  render(): any;
-  componentDidMount(): void;
-}
 export declare class DefaultTitleModel {
   static getIconCss(cssClasses: any, isCollapsed: boolean): string;
 }
@@ -1118,7 +1111,8 @@ export declare class PopupUtils {
   static updateHorizontalDimensions(left: number, width: number, windowWidth: number, horizontalPosition: 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, width?: number, margins?: number): INumberPosition;
+  static calculatePointerTarget(targetRect: any, top: number, left: number, verticalPosition: any, horizontalPosition: any, marginLeft?: number, marginRight?: number): INumberPosition;
+  static updatePopupWidthBeforeShow(popupModel: any, e: any): void;
 }
 export declare class ProcessValue {
   constructor();
@@ -1135,7 +1129,6 @@ export declare class QuestionCustomWidget {
   name: string;
   widgetJson: any;
   htmlTemplate: string;
-  isFirstRender: boolean;
   afterRender(question: IQuestion, el: any): void;
   willUnmount(question: IQuestion, el: any): void;
   getDisplayValue(question: IQuestion, value?: any): string;
@@ -1296,6 +1289,12 @@ export declare class SurveyElementBase<P, S> extends React.Component<P, S> {
   protected renderLocString(locStr: any, style?: any): any;
   protected canUsePropInState(key: string): boolean;
 }
+export declare class SurveyElementHeader extends React.Component<any, any> {
+  constructor(props: any);
+  constructor(props: any, context: any);
+  render(): any;
+  protected renderDescription(): any;
+}
 export declare class SurveyError {
   constructor(text?: string, errorOwner?: ISurveyErrorOwner);
   text: string;
@@ -1467,7 +1466,6 @@ export declare class Action extends Base implements IAction {
   iconName: string;
   iconSize: number;
   visible: boolean;
-  title: string;
   tooltip: string;
   enabled: boolean;
   showTitle: boolean;
@@ -1487,6 +1485,10 @@ export declare class Action extends Base implements IAction {
   disableTabStop: boolean;
   disableShrink: boolean;
   needSpace: boolean;
+  locTitle: any;
+  titleValue: string;
+  get title(): string;
+  set title(val: string);
   cssClassesValue: any;
   get cssClasses(): any;
   get disabled(): boolean;
@@ -2425,6 +2427,7 @@ export declare class PopupBaseViewModel extends Base {
   top: string;
   left: string;
   height: string;
+  width: string;
   isVisible: boolean;
   popupDirection: string;
   pointerTarget: IPosition;
@@ -2449,10 +2452,8 @@ export declare class PopupBaseViewModel extends Base {
   get cancelButtonText(): any;
   get applyButtonText(): any;
   dispose(): void;
-  createPopupContainer(): void;
-  mountPopupContainer(): void;
   initializePopupContainer(): void;
-  destroyPopupContainer(): void;
+  unmountPopupContainer(): void;
 }
 export declare class PopupContainer extends SurveyElementBase<any, any> {
   constructor(props: any);
@@ -2473,6 +2474,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;
   contentComponentName: string;
   contentComponentData: T;
   verticalPosition: any;
@@ -2486,6 +2488,7 @@ export declare class PopupModel<T = any> extends Base {
   cssClass: string;
   title: string;
   displayMode: "popup" | "overlay";
+  widthMode: "contentWidth" | "fixedWidth";
   get isVisible(): boolean;
   set isVisible(val: boolean);
   toggleVisibility(): void;
@@ -2805,7 +2808,7 @@ export declare class SurveyQuestion extends SurveyElementBase<any, any> {
   protected wrapElement(element: any): any;
   protected wrapQuestionContent(element: any): any;
   protected renderQuestion(): any;
-  protected renderDescription(cssClasses: any, isUnderInput?: boolean): any;
+  protected renderDescription(): any;
   protected renderComment(cssClasses: any): any;
   protected renderHeader(question: any): any;
   protected renderErrors(cssClasses: any, location: string): any;
@@ -3098,8 +3101,9 @@ export declare class DragDropSurveyElements extends DragDropCore<any> {
   protected ghostSurveyElement: IElement;
   protected get draggedElementType(): string;
   protected isDraggedElementSelected: boolean;
-  startDragToolboxItem(event: any, draggedElementJson: JsonObject): void;
+  startDragToolboxItem(event: any, draggedElementJson: JsonObject, toolboxItemTitle: string): void;
   startDragSurveyElement(event: any, draggedElement: any, isElementSelected?: boolean): void;
+  protected getShortcutText(draggedElement: IShortcutText): string;
   protected createDraggedElementShortcut(text: string, draggedElementNode?: any, event?: any): any;
   protected createDraggedElementIcon(): any;
   protected getDraggedElementClass(): string;
@@ -3192,6 +3196,7 @@ export declare class ListModel extends ActionContainer {
   constructor(items: any, onItemSelect: any, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChange?: any);
   onItemSelect: any;
   allowSelection: boolean;
+  denySearch: boolean;
   needFilter: boolean;
   isExpanded: boolean;
   selectedItem: IAction;
@@ -3356,12 +3361,12 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   get shortcutText(): string;
   titleToolbarValue: any;
   getTitleToolbar(): AdaptiveActionContainer;
+  protected createActionContainer(allowAdaptiveActions?: boolean): ActionContainer;
   get titleActions(): any;
   isTitleActionRequested: boolean;
   getTitleActions(): Array<any>;
   get hasTitleActions(): boolean;
   get hasTitleEvents(): boolean;
-  getTitleComponentName(): string;
   get titleTabIndex(): number;
   get titleAriaExpanded(): boolean;
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -3505,6 +3510,9 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   set paddingRight(val: string);
   allowRootStyle: boolean;
   get rootStyle(): any;
+  get clickTitleFunction(): any;
+  protected needClickTitleFunction(): boolean;
+  protected processTitleClick(): void;
 }
 export declare class SurveyElementErrors extends ReactSurveyElement {
   constructor(props: any);
@@ -5047,6 +5055,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   matrixCellValueChanged(question: IQuestion, options: any): void;
   matrixCellValueChanging(question: IQuestion, options: any): void;
   get isValidateOnValueChanging(): boolean;
+  get isValidateOnValueChanged(): boolean;
   matrixCellValidate(question: IQuestion, options: any): SurveyError;
   dynamicPanelAdded(question: IQuestion): void;
   dynamicPanelRemoved(question: IQuestion, panelIndex: number, panel: IPanel): void;
@@ -5171,7 +5180,6 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   setJsonObject(jsonObj: any): void;
   isEndLoadingFromJson: string;
   endLoadingFromJson(): void;
-  updateNavigationItemTitlesCallback: any;
   updateNavigationItemCssCallback: any;
   protected createNavigationBar(): ActionContainer;
   protected createNavigationActions(): Array<IAction>;
@@ -5340,6 +5348,7 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   isMovingQuestion: boolean;
   startMovingQuestion(): void;
   stopMovingQuestion(): void;
+  needRenderIcons: boolean;
   /*
   * Focus question by its name. If needed change the current page on the page where question is located.
   * Function returns false if there is no question with this name or question is invisible, otherwise it returns true.
@@ -5362,6 +5371,12 @@ export declare class SurveyModel extends SurveyElementCore implements ISurvey, I
   dispose(): void;
   disposeCallback: any;
 }
+export declare class SurveyMultipleTextItem extends ReactSurveyElement {
+  constructor(props: any);
+  protected getStateElements(): any;
+  protected renderElement(): any;
+  protected renderItemTooltipError(item: any, cssClasses: any): any;
+}
 export declare class SurveyNavigationButton extends ReactSurveyElement {
   constructor(props: any);
   protected get item(): Action;
@@ -5414,6 +5429,7 @@ export declare class SurveyQuestionBoolean extends SurveyQuestionElementBase {
   handleOnClick(event: any): void;
   handleOnSwitchClick(event: any): void;
   handleOnLabelClick(event: any, value: boolean): void;
+  handleOnKeyDown(event: any): void;
   protected updateDomElement(): void;
   protected renderElement(): any;
 }
@@ -5569,7 +5585,6 @@ export declare class SurveyQuestionMultipleText extends SurveyQuestionElementBas
   constructor(props: any);
   protected get question(): any;
   protected renderElement(): any;
-  protected renderItemTooltipError(item: any, cssClasses: any): any;
   protected renderRow(rowIndex: number, items: any, cssClasses: any): any;
 }
 export declare class SurveyQuestionOptionItem extends ReactSurveyElement {
@@ -5650,6 +5665,7 @@ export declare class SurveyQuestionSignaturePad extends SurveyQuestionElementBas
   constructor(props: any);
   protected get question(): any;
   protected renderElement(): any;
+  renderCleanButton(): any;
 }
 export declare class SurveyQuestionUncontrolledElement<T> extends SurveyQuestionElementBase {
   constructor(props: any);
@@ -6033,6 +6049,9 @@ export declare class PanelModelBase extends SurveyElement implements IPanel, ICo
   dragDropFindRow(findElement: ISurveyElement): QuestionRowModel;
   dragDropMoveElement(src: IElement, target: IElement, targetIndex: number): void;
   needResponsiveWidth(): boolean;
+  get hasDescriptionUnderTitle(): boolean;
+  get cssHeader(): string;
+  get cssDescription(): string;
   get no(): string;
   dispose(): void;
 }
@@ -6054,6 +6073,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   isValueChangedDirectly: boolean;
   valueChangedCallback: any;
   commentChangedCallback: any;
+  localeChangedCallback: any;
   validateValueCallback: any;
   questionTitleTemplateCallback: any;
   afterRenderQuestionCallback: any;
@@ -6210,7 +6230,8 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   set descriptionLocation(val: string);
   get hasDescriptionUnderTitle(): boolean;
   get hasDescriptionUnderInput(): boolean;
-  get clickTitleFunction(): any;
+  protected needClickTitleFunction(): boolean;
+  protected processTitleClick(): boolean;
   /*
   * The custom text that will be shown on required error. Use this property, if you do not want to show the default text.
   * Please note, this property is hidden for question without input, for example html question.
@@ -6241,6 +6262,7 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   */
   get customWidget(): QuestionCustomWidget;
   updateCustomWidget(): void;
+  localeChanged(): void;
   get isCompositeQuestion(): boolean;
   updateCommentElement(): void;
   onCommentInput(event: any): void;
@@ -6278,6 +6300,9 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   get cssTitle(): string;
   protected setCssTitle(val: string): void;
   protected getCssTitle(cssClasses: any): string;
+  get cssDescription(): string;
+  protected setCssDescription(val: string): void;
+  protected getCssDescription(cssClasses: any): string;
   get cssError(): string;
   protected setCssError(val: string): void;
   protected getCssError(cssClasses: any): string;
@@ -6987,6 +7012,7 @@ export declare class QuestionBooleanModel extends Question {
   protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
   onLabelClick(event: any, value: boolean): boolean;
   onSwitchClickModel(event: any): boolean;
+  onKeyDownCore(event: any): boolean;
   getRadioItemClass(css: any, value: any): string;
   protected supportResponsiveness(): boolean;
   protected getCompactRenderAs(): string;
@@ -7608,6 +7634,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
   setVisibleIndex(value: number): number;
   /*
   * Returns true when an end user may add a new panel. The question is not read only and panelCount less than maxPanelCount
+  * and renderMode is "list" or the current panel doesn't have any errors
   */
   get canAddPanel(): boolean;
   /*
@@ -7632,6 +7659,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
   getProgressInfo(): IProgressInfo;
   /*
   * Add a new dynamic panel based on the template Panel. It checks if canAddPanel returns true and then calls addPanel method.
+  * If a renderMode is different from "list" and the current panel has erros, then
   */
   addPanelUI(): PanelModel;
   /*
@@ -7644,8 +7672,9 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
   removePanelUI(value: any): void;
   /*
   * Goes to the next panel in the PanelDynamic
+  * Returns true, if it can move to the next panel. It can return false if the renderMode is "list" or the current panel has errors.
   */
-  goToNextPanel(): void;
+  goToNextPanel(): boolean;
   /*
   * Goes to the previous panel in the PanelDynamic
   */
@@ -7664,6 +7693,7 @@ export declare class QuestionPanelDynamicModel extends Question implements IQues
   protected onReadOnlyChanged(): void;
   onSurveyLoad(): void;
   onFirstRendering(): void;
+  localeChanged(): void;
   runCondition(values: any, properties: any): void;
   protected runPanelsCondition(values: any, properties: any): void;
   onAnyValueChanged(name: string): void;
@@ -8081,6 +8111,7 @@ export declare class QuestionSignaturePadModel extends Question {
   */
   get allowClear(): boolean;
   set allowClear(val: boolean);
+  get canShowClearButton(): boolean;
   /*
   * Use it to set pen color for the signature pad.
   */
@@ -8282,6 +8313,7 @@ export declare class QuestionCustomModel extends QuestionCustomModelBase {
   runCondition(values: any, properties: any): void;
   protected convertDataName(name: string): string;
   protected convertDataValue(name: string, newValue: any): any;
+  protected canSetValueToSurvey(): boolean;
   protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
   onSurveyValueChanged(newValue: any): void;
   protected getValueCore(): any;
@@ -8332,8 +8364,13 @@ export declare class QuestionDropdownModel extends QuestionSelectBase {
   */
   get autoComplete(): string;
   set autoComplete(val: string);
+  denySearch: boolean;
+  dropdownWidthMode: "contentWidth" | "editorWidth";
   getControlClass(): string;
   get readOnlyText(): any;
+  protected onVisibleChoicesChanged(): void;
+  _popupModel: any;
+  get popupModel(): any;
 }
 /*
 * A Model for html question. Unlike other questions it doesn't have value and title.
@@ -8518,6 +8555,7 @@ export declare class QuestionMatrixDropdownModelBase extends QuestionMatrixBaseM
   getConditionJson(operator?: string, path?: string): any;
   clearIncorrectValues(): void;
   clearErrors(): void;
+  localeChanged(): void;
   runCondition(values: any, properties: any): void;
   protected shouldRunColumnExpression(): boolean;
   protected runCellsCondition(values: any, properties: any): void;
@@ -8658,6 +8696,7 @@ export declare class QuestionMatrixModel extends QuestionMatrixBaseModel<MatrixR
   getColumns(): Array<any>;
   addColumn(value: any, text?: string): ItemValue;
   getItemClass(row: any, column: any): string;
+  get itemSvgIcon(): string;
   protected getQuizQuestionCount(): number;
   protected getCorrectAnswerCount(): number;
   protected getVisibleRows(): Array<MatrixRowModel>;
@@ -8795,6 +8834,10 @@ export declare class QuestionTextModel extends QuestionTextBase {
   isReadOnlyRenderDiv(): boolean;
   get inputStyle(): any;
 }
+export declare class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
+  constructor(props: any);
+  protected renderSelect(cssClasses: any): any;
+}
 /*
 * A Model for a button group question.
 */
@@ -9219,9 +9262,9 @@ export declare class QuestionRankingModel extends QuestionCheckboxModel {
 }
 export declare function property(options?: any): any;
 export declare function propertyArray(options?: IArrayPropertyDecoratorOptions): 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 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 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: any, viewModel?: any, options?: any): any;
@@ -9297,6 +9340,11 @@ export declare var settings: {
   */
   matrixMaxRowCountInCondition: number,
   /*
+  * Set this property to false, to render matrix dynamic remove action as button.
+  * It is rendered as icon in new themes ("defaultV2") by default.
+  */
+  matrixRenderRemoveAsIcon: boolean,
+  /*
   * Maximum panel count in dynamic panel
   */
   panelMaximumPanelCount: number,
@@ -9445,6 +9493,7 @@ export declare var defaultActionBarCss: {
   itemTitle: string,
   itemTitleWithIcon: string,
 };
+export declare var keyFocusedClassName: any;
 export declare var FOCUS_INPUT_SELECTOR: any;
 export declare var surveyCss: {
   currentType: string,
@@ -9616,6 +9665,7 @@ export declare var defaultStandardCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -9780,7 +9830,6 @@ export declare var surveyTimerFunctions: {
   setTimeout: any,
   clearTimeout: any,
 };
-export declare var keyFocusedClassName: any;
 export declare var matrixDropdownColumnTypes: {
   dropdown: {
     onCellQuestionUpdate: any,
@@ -9973,6 +10022,7 @@ export declare var defaultBootstrapCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10295,6 +10345,7 @@ export declare var defaultBootstrapMaterialCss: {
     itemChecked: string,
     itemDecorator: string,
     materialDecorator: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10469,6 +10520,7 @@ export declare var defaultV2Css: {
   logoImage: string,
   headerText: string,
   navigationButton: string,
+  bodyNavigationButton: string,
   completedPage: string,
   timerRoot: string,
   navigation: {
@@ -10498,6 +10550,7 @@ export declare var defaultV2Css: {
     collapsed: string,
     nested: string,
     invisible: string,
+    navigationButton: string,
   },
   paneldynamic: {
     mainRoot: string,
@@ -10747,6 +10800,7 @@ export declare var defaultV2Css: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     mainRoot: string,
@@ -11196,6 +11250,8 @@ export declare var modernCss: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
+    itemSvgIconId: string,
   },
   matrixdropdown: {
     root: string,