survey-react 1.9.25 → 1.9.28

package/survey.react.d.ts

@@ -1,5 +1,5 @@
 /*
-* Type definition for Survey JavaScript library for React v1.9.25
+* Type definition for Survey JavaScript library for React v1.9.28
 * Copyright (c) 2015-2022 Devsoft Baltic OÜ  - https://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@@ -479,6 +479,11 @@ export interface IFindElement {
   element: Base;
   str: LocalizableString;
 }
+export interface IExpressionRunnerInfo {
+  onExecute: any;
+  canRun?: any;
+  runner?: ExpressionRunner;
+}
 export interface IValidatorOwner {
   getValidators(): Array<SurveyValidator>;
   validatedValue: any;
@@ -589,6 +594,7 @@ export declare class Base {
   localizableStrings: any;
   arraysInfo: any;
   eventList: any;
+  expressionInfo: any;
   bindingsValue: Bindings;
   isDisposedValue: boolean;
   onPropChangeFunctions: any;
@@ -648,6 +654,10 @@ export declare class Base {
   getType(): string;
   getSurvey(isLive?: boolean): ISurvey;
   /*
+  * Returns true if the question in design mode right now.
+  */
+  get isDesignMode(): boolean;
+  /*
   * Returns true if the object is inluded into survey, otherwise returns false.
   */
   get inSurvey(): boolean;
@@ -709,6 +719,11 @@ export declare class Base {
   protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
   protected propertyValueChanged(name: string, oldValue: any, newValue: any, arrayChanges?: ArrayChanges, target?: Base): void;
   protected get isInternal(): boolean;
+  addExpressionProperty(name: string, onExecute: any, canRun?: any): void;
+  getDataFilteredValues(): any;
+  getDataFilteredProperties(): any;
+  protected runConditionCore(values: any, properties: any): void;
+  protected canRunConditions(): boolean;
   /*
   * Register a function that will be called on a property value changed.
   */
@@ -865,15 +880,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;
 }
@@ -1104,6 +1110,7 @@ export declare class PopupUtils {
   static updateVerticalPosition(targetRect: any, height: number, verticalPosition: any, showPointer: boolean, windowHeight: number): any;
   static calculatePopupDirection(verticalPosition: any, horizontalPosition: any): string;
   static calculatePointerTarget(targetRect: any, top: number, left: number, verticalPosition: any, horizontalPosition: any, width?: number, margins?: number): INumberPosition;
+  static updatePopupWidthBeforeShow(popupModel: any, e: any): void;
 }
 export declare class ProcessValue {
   constructor();
@@ -1120,7 +1127,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;
@@ -1281,6 +1287,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;
@@ -1921,6 +1933,7 @@ export declare class JsonObjectProperty implements IObject {
   onGetValue: any;
   onSetValue: any;
   visibleIf: any;
+  onExecuteExpression: any;
   onPropertyEditorUpdate: any;
   get id(): number;
   get classInfo(): JsonMetadataClass;
@@ -2409,6 +2422,7 @@ export declare class PopupBaseViewModel extends Base {
   top: string;
   left: string;
   height: string;
+  width: string;
   isVisible: boolean;
   popupDirection: string;
   pointerTarget: IPosition;
@@ -2457,6 +2471,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;
@@ -2470,6 +2485,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;
@@ -2789,7 +2805,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;
@@ -3082,8 +3098,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;
@@ -3176,6 +3193,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;
@@ -3340,15 +3358,18 @@ 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;
+  protected canRunConditions(): boolean;
+  getDataFilteredValues(): any;
+  getDataFilteredProperties(): any;
   protected get surveyImpl(): ISurveyImpl;
   __setData(data: ISurveyData): void;
   get data(): ISurveyData;
@@ -3358,10 +3379,6 @@ export declare class SurveyElement extends SurveyElementCore implements ISurveyE
   get survey(): ISurvey;
   getSurvey(live?: boolean): ISurvey;
   protected setSurveyCore(value: ISurvey): void;
-  /*
-  * Returns true if the question in design mode right now.
-  */
-  get isDesignMode(): boolean;
   isContentElement: boolean;
   isEditableTemplateElement: boolean;
   isInteractiveDesignElement: boolean;
@@ -3490,6 +3507,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);
@@ -5325,6 +5345,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.
@@ -5399,6 +5420,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;
 }
@@ -5635,6 +5657,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);
@@ -6018,6 +6041,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;
 }
@@ -6028,20 +6054,18 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   constructor(name: string);
   static TextPreprocessorValuesMap: any;
   static questionCounter: number;
-  conditionRunner: ConditionRunner;
   isCustomWidgetRequested: boolean;
   customWidgetValue: QuestionCustomWidget;
   customWidgetData: any;
   focusCallback: any;
   surveyLoadCallback: any;
   displayValueCallback: any;
-  conditionEnabelRunner: ConditionRunner;
-  conditionRequiredRunner: ConditionRunner;
   defaultValueRunner: ExpressionRunner;
   isChangingViaDefaultValue: boolean;
   isValueChangedDirectly: boolean;
   valueChangedCallback: any;
   commentChangedCallback: any;
+  localeChangedCallback: any;
   validateValueCallback: any;
   questionTitleTemplateCallback: any;
   afterRenderQuestionCallback: any;
@@ -6144,8 +6168,6 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   moveTo(container: IPanel, insertBefore?: any): boolean;
   getProgressInfo(): IProgressInfo;
   setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
-  getDataFilteredValues(): any;
-  getDataFilteredProperties(): any;
   /*
   * A parent element. It can be panel or page.
   */
@@ -6200,7 +6222,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.
@@ -6231,6 +6254,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;
@@ -6268,6 +6292,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;
@@ -6555,9 +6582,10 @@ export declare class Question extends SurveyElement implements IQuestion, ICondi
   protected checkForResponsiveness(el: any): void;
   resizeObserver: any;
   protected getObservedElementSelector(): string;
+  onMobileChangedCallback: any;
   protected getCompactRenderAs(): string;
   protected getDesktopRenderAs(): string;
-  protected processResponsiveness(requiredWidth: number, availableWidth: number): void;
+  protected processResponsiveness(requiredWidth: number, availableWidth: number): any;
   dispose(): void;
 }
 export declare class SurveyFlowPanel extends SurveyPanel {
@@ -6976,6 +7004,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;
@@ -7653,6 +7682,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;
@@ -8070,6 +8100,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.
   */
@@ -8271,6 +8302,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;
@@ -8321,8 +8353,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.
@@ -8507,6 +8544,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;
@@ -8647,6 +8685,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>;
@@ -8784,6 +8823,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.
 */
@@ -8948,7 +8991,7 @@ export declare class QuestionImagePickerModel extends QuestionCheckboxBase {
   onContentLoaded: any;
   responsiveColCount: number;
   protected getCurrentColCount(): number;
-  protected processResponsiveness(_: number, availableWidth: number): void;
+  protected processResponsiveness(_: number, availableWidth: number): boolean;
   gapBetweenItems: number;
   afterRender(el: any): void;
 }
@@ -9208,9 +9251,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;
@@ -9286,6 +9329,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,
@@ -9434,6 +9482,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,
@@ -9605,6 +9654,7 @@ export declare var defaultStandardCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -9769,7 +9819,6 @@ export declare var surveyTimerFunctions: {
   setTimeout: any,
   clearTimeout: any,
 };
-export declare var keyFocusedClassName: any;
 export declare var matrixDropdownColumnTypes: {
   dropdown: {
     onCellQuestionUpdate: any,
@@ -9962,6 +10011,7 @@ export declare var defaultBootstrapCss: {
     cellText: string,
     cellTextSelected: string,
     cellLabel: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10284,6 +10334,7 @@ export declare var defaultBootstrapMaterialCss: {
     itemChecked: string,
     itemDecorator: string,
     materialDecorator: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     root: string,
@@ -10458,6 +10509,7 @@ export declare var defaultV2Css: {
   logoImage: string,
   headerText: string,
   navigationButton: string,
+  bodyNavigationButton: string,
   completedPage: string,
   timerRoot: string,
   navigation: {
@@ -10487,6 +10539,7 @@ export declare var defaultV2Css: {
     collapsed: string,
     nested: string,
     invisible: string,
+    navigationButton: string,
   },
   paneldynamic: {
     mainRoot: string,
@@ -10736,6 +10789,7 @@ export declare var defaultV2Css: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
   },
   matrixdropdown: {
     mainRoot: string,
@@ -11185,6 +11239,8 @@ export declare var modernCss: {
     cellText: string,
     cellTextSelected: string,
     cellTextDisabled: string,
+    cellResponsiveTitle: string,
+    itemSvgIconId: string,
   },
   matrixdropdown: {
     root: string,