survey-react 1.9.27 → 1.9.30

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.27
+* Type definition for Survey JavaScript library for React v1.9.30
 * 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,7 @@ 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 {
@@ -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;
@@ -2450,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);
@@ -2808,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;
@@ -3101,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,7 +3193,7 @@ export declare class JsonMissingTypeError extends JsonMissingTypeErrorBase {
   baseClassName: string;
 }
 export declare class ListModel extends ActionContainer {
-  constructor(items: any, onItemSelect: any, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChange?: any);
+  constructor(items: any, onItemSelect: any, allowSelection: boolean, selectedItem?: IAction, onFilteredTextChangedCallback?: any);
   onItemSelect: any;
   allowSelection: boolean;
   denySearch: boolean;
@@ -3202,6 +3203,7 @@ export declare class ListModel extends ActionContainer {
   filteredText: string;
   static INDENT: number;
   static MINELEMENTCOUNT: number;
+  isItemVisible(item: Action): boolean;
   protected onSet(): void;
   selectItem: any;
   isItemDisabled: any;
@@ -3360,12 +3362,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;
@@ -3509,6 +3511,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);
@@ -5051,6 +5056,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;
@@ -5175,7 +5181,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>;
@@ -5367,6 +5372,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;
@@ -5575,7 +5586,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 {
@@ -5656,6 +5666,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);
@@ -6039,6 +6050,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;
 }
@@ -6217,7 +6231,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.
@@ -6286,6 +6301,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;
@@ -7617,6 +7635,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;
   /*
@@ -7641,6 +7660,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;
   /*
@@ -7653,8 +7673,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
   */
@@ -8091,6 +8112,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.
   */
@@ -8292,6 +8314,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;
@@ -8674,6 +8697,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>;
@@ -9239,9 +9263,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;
@@ -9317,6 +9341,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,
@@ -9465,6 +9494,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,
@@ -9636,6 +9666,7 @@ export declare var defaultStandardCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -9800,7 +9831,6 @@ export declare var surveyTimerFunctions: {
   setTimeout: any,
   clearTimeout: any,
 };
-export declare var keyFocusedClassName: any;
 export declare var matrixDropdownColumnTypes: {
   dropdown: {
     onCellQuestionUpdate: any,
@@ -9993,6 +10023,7 @@ export declare var defaultBootstrapCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10315,6 +10346,7 @@ export declare var defaultBootstrapMaterialCss: {
     itemChecked: string,
     itemDecorator: string,
     materialDecorator: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10489,6 +10521,7 @@ export declare var defaultV2Css: {
   logoImage: string,
   headerText: string,
   navigationButton: string,
+  bodyNavigationButton: string,
   completedPage: string,
   timerRoot: string,
   navigation: {
@@ -10518,6 +10551,7 @@ export declare var defaultV2Css: {
     collapsed: string,
     nested: string,
     invisible: string,
+    navigationButton: string,
   },
   paneldynamic: {
     mainRoot: string,
@@ -10767,6 +10801,7 @@ export declare var defaultV2Css: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     mainRoot: string,
@@ -11216,6 +11251,8 @@ export declare var modernCss: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
+    itemSvgIconId: string,
   },
   matrixdropdown: {
     root: string,