survey-react 1.10.1 → 1.10.3

package/survey.react.d.ts

@@ -706,6 +706,7 @@ declare module "utils/animation" {
         private removeCancelCallback;
         protected onAnimationEnd(element: HTMLElement, callback: (isCancel?: boolean) => void, options: AnimationOptions): void;
         protected beforeAnimationRun(element: HTMLElement, options: AnimationOptions | AnimationOptions): void;
+        private getCssClasses;
         protected runAnimation(element: HTMLElement, options: AnimationOptions, callback: (isCancel?: boolean) => void): void;
         protected clearHtmlElement(element: HTMLElement, options: AnimationOptions): void;
         protected onNextRender(callback: () => void, runEarly?: () => boolean, isCancel?: boolean): void;
@@ -972,10 +973,10 @@ declare module "list" {
     export class ListModel<T extends BaseAction = Action> extends ActionContainer<T> {
         onSelectionChanged: (item: T, ...params: any[]) => void;
         allowSelection: boolean;
-        private onFilterStringChangedCallback?;
         elementId?: string;
         private listContainerHtmlElement;
         private loadingIndicatorValue;
+        private onFilterStringChangedCallback?;
         searchEnabled: boolean;
         showFilter: boolean;
         forceShowFilter: boolean;
@@ -998,7 +999,7 @@ declare module "list" {
         private get shouldProcessFilter();
         private onFilterStringChanged;
         private scrollToItem;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: T, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, onFilterStringChangedCallback?: (text: string) => void, elementId?: string);
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, ...params: any[]) => void, allowSelection: boolean, selectedItem?: IAction, elementId?: string);
         private onTextSearchCallback;
         setOnFilterStringChangedCallback(callback: (text: string) => void): void;
         setOnTextSearchCallback(callback: (item: T, textToSearch: string) => boolean): void;
@@ -2043,6 +2044,8 @@ declare module "defaultCss/defaultV2Css" {
             selectWrapper: string;
             controlValue: string;
             controlDisabled: string;
+            controlReadOnly: string;
+            controlPreview: string;
             controlEmpty: string;
             filterStringInput: string;
             chevronButton: string;
@@ -3169,6 +3172,8 @@ declare module "panel" {
         get _showDescription(): boolean;
         localeChanged(): void;
         locStrsChanged(): void;
+        getMarkdownHtml(text: string, name: string): string;
+        get locNavigationTitle(): LocalizableString;
         get renderedNavigationTitle(): string;
         /**
          * Returns a character or text string that indicates a required panel/page.
@@ -3845,10 +3850,12 @@ declare module "question_file" {
         set takePhotoCaption(val: string);
         get locTakePhotoCaption(): LocalizableString;
         replaceButtonCaption: string;
-        clearButtonCaption: string;
         removeFileCaption: string;
         loadingFileTitle: string;
         chooseFileTitle: string;
+        get clearButtonCaption(): string;
+        set clearButtonCaption(value: string);
+        get locClearButtonCaption(): LocalizableString;
         /**
          * A placeholder text displayed when the File Upload question doesn't contain any files or photos to upload. Applies only when [`sourceType`](#sourceType) value is `"file-camera"`.
          * @see filePlaceholder
@@ -4315,7 +4322,7 @@ declare module "question_baseselect" {
         private setConditionalChoicesRunner;
         private setConditionalEnableChoicesRunner;
         private canSurveyChangeItemVisibility;
-        changeItemVisisbility(): (item: ItemValue, val: boolean) => boolean;
+        private changeItemVisibility;
         private runConditionsForItems;
         protected getHasOther(val: any): boolean;
         protected getIsItemValue(val: any, item: ItemValue): boolean;
@@ -5342,6 +5349,8 @@ declare module "dragdrop/dom-adapter" {
         private moveShortcutElement;
         private getShortcutBottomCoordinate;
         private getShortcutRightCoordinate;
+        protected requestAnimationFrame(callback: any): number;
+        protected scrollByDrag(scrollableParentNode: HTMLElement, clientY: number, clientX: number): void;
         private doScroll;
         private dragOver;
         private clear;
@@ -7999,7 +8008,6 @@ declare module "page" {
          */
         get navigationTitle(): string;
         set navigationTitle(val: string);
-        get locNavigationTitle(): LocalizableString;
         /**
          * Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
          */
@@ -8007,7 +8015,6 @@ declare module "page" {
         set navigationDescription(val: string);
         get locNavigationDescription(): LocalizableString;
         navigationLocStrChanged(): void;
-        get renderedNavigationTitle(): string;
         get passed(): boolean;
         set passed(val: boolean);
         protected removeFromParent(): void;
@@ -11988,6 +11995,7 @@ declare module "survey" {
         onScroll(): void;
         addScrollEventListener(): void;
         removeScrollEventListener(): void;
+        questionErrorComponent: string;
     }
 }
 declare module "knockout/kobase" {
@@ -12515,9 +12523,10 @@ declare module "rendererFactory" {
     export class RendererFactory {
         static Instance: RendererFactory;
         private renderersHash;
+        private defaultHash;
         unregisterRenderer(questionType: string, rendererAs: string): void;
-        registerRenderer(questionType: string, renderAs: string, renderer: any): void;
-        getRenderer(questionType: string, renderAs: string): any;
+        registerRenderer(questionType: string, renderAs: string, renderer: any, useAsDefault?: boolean): void;
+        getRenderer(questionType: string, renderAs: string): string;
         getRendererByQuestion(question: Question): any;
         clear(): void;
     }
@@ -15083,6 +15092,8 @@ declare module "base" {
          * A new value for the property.
          * - `options.oldValue`: `any`\
          * An old value of the property. If the property is an array, `oldValue` contains the same array as `newValue` does.
+         *
+         * If you need to add and remove property change event handlers dynamically, use the [`registerPropertyChangedHandlers`](#registerPropertyChangedHandlers) and [`unregisterPropertyChangedHandlers`](#unregisterPropertyChangedHandlers) methods instead.
          */
         onPropertyChanged: EventBase<Base>;
         /**
@@ -15229,9 +15240,11 @@ declare module "base" {
         get isAsyncExpressionRunning(): boolean;
         protected createExpressionRunner(expression: string): ExpressionRunner;
         /**
-         * Registers a function to call when a property value changes.
+         * Registers a single value change handler for one or multiple properties.
+         *
+         * The `registerPropertyChangedHandlers` and [`unregisterPropertyChangedHandlers`](#unregisterPropertyChangedHandlers) methods allow you to manage property change event handlers dynamically. If you only need to attach an event handler without removing it afterwards, you can use the [`onPropertyChanged`](#onPropertyChanged) event instead.
          * @param propertyNames An array of one or multiple property names.
-         * @param handler A function to call when one of the listed properties change.
+         * @param handler A function to call when one of the listed properties change. Accepts a new property value as an argument.
          * @param key *(Optional)* A key that identifies the current registration. If a function for one of the properties is already registered with the same key, the function will be overwritten. You can also use the key to subsequently unregister handlers.
          * @see unregisterPropertyChangedHandlers
          */
@@ -15341,8 +15354,8 @@ declare module "popup" {
     export interface IPopupOptionsBase {
         onHide?: () => void;
         onShow?: () => void;
-        onApply?: () => boolean;
         onCancel?: () => void;
+        onDispose?: () => void;
         cssClass?: string;
         title?: string;
         verticalPosition?: VerticalPosition;
@@ -15357,15 +15370,15 @@ declare module "popup" {
         onApply: () => boolean;
         isFocusedContent?: boolean;
     }
-    export interface IPopupModel<T = any> extends IDialogOptions {
-        contentComponentName: string;
-        contentComponentData: T;
-    }
-    export class PopupModel<T = any> extends Base {
-        private onDispose;
+    export class PopupModel<T = any> extends Base implements IPopupOptionsBase {
         setWidthByTarget: boolean;
         focusFirstInputSelector: string;
         locale: string;
+        onCancel: () => void;
+        onApply: () => boolean;
+        onHide: () => void;
+        onShow: () => void;
+        onDispose: () => void;
         contentComponentName: string;
         contentComponentData: T;
         verticalPosition: VerticalPosition;
@@ -15374,10 +15387,6 @@ declare module "popup" {
         isModal: boolean;
         isFocusedContent: boolean;
         isFocusedContainer: boolean;
-        onCancel: () => void;
-        onApply: () => boolean;
-        onHide: () => void;
-        onShow: () => void;
         cssClass: string;
         title: string;
         overlayDisplayMode: "auto" | "overlay" | "dropdown-overlay";
@@ -15387,7 +15396,7 @@ declare module "popup" {
         onFooterActionsCreated: EventBase<Base>;
         onRecalculatePosition: EventBase<Base>;
         private refreshInnerModel;
-        constructor(contentComponentName: string, contentComponentData: T, verticalPosition?: VerticalPosition, horizontalPosition?: HorizontalPosition, showPointer?: boolean, isModal?: boolean, onCancel?: () => void, onApply?: () => boolean, onHide?: () => void, onShow?: () => void, cssClass?: string, title?: string, onDispose?: () => void);
+        constructor(contentComponentName: string, contentComponentData: T, option1?: IPopupOptionsBase | any, option2?: any);
         get isVisible(): boolean;
         set isVisible(value: boolean);
         toggleVisibility(): void;
@@ -16099,6 +16108,7 @@ declare module "dropdownListModel" {
         get filterStringEnabled(): boolean;
         get inputMode(): "none" | "text";
         setSearchEnabled(newValue: boolean): void;
+        setChoicesLazyLoadEnabled(newValue: boolean): void;
         updateItems(): void;
         onClick(event: any): void;
         chevronPointerDown(event: any): void;
@@ -16302,6 +16312,8 @@ declare module "question_matrix" {
         setValueDirectly(val: any): void;
         get isReadOnly(): boolean;
         get rowTextClasses(): string;
+        get hasError(): boolean;
+        set hasError(val: boolean);
         get rowClasses(): string;
     }
     export interface IMatrixCellsOwner extends ILocalizableOwner {
@@ -16414,11 +16426,10 @@ declare module "question_matrix" {
         supportGoNextPageAutomatic(): boolean;
         private errorsInRow;
         protected onCheckForErrors(errors: Array<SurveyError>, isOnValueChanged: boolean): void;
-        private hasErrorAllRowsRequired;
-        private hasErrorEachRowUnique;
         private hasValuesInAllRows;
-        private hasNonUniqueValueInRow;
+        private checkErrorsAllRows;
         private addErrorIntoRow;
+        private refreshRowsErrors;
         protected getIsAnswered(): boolean;
         private createMatrixRow;
         protected onMatrixRowCreated(row: MatrixRowModel): void;
@@ -16688,7 +16699,7 @@ declare module "multiSelectListModel" {
         selectedItems: Array<IAction>;
         hideSelectedItems: boolean;
         private updateItemState;
-        constructor(items: Array<IAction>, onSelectionChanged: (item: T, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, onFilterStringChangedCallback?: (text: string) => void, elementId?: string);
+        constructor(items: Array<IAction>, onSelectionChanged: (item: T, status: string) => void, allowSelection: boolean, selectedItems?: Array<IAction>, elementId?: string);
         onItemClick: (item: T) => void;
         isItemDisabled: (itemValue: T) => boolean;
         isItemSelected: (itemValue: T) => boolean;
@@ -16756,6 +16767,8 @@ declare module "question_tagbox" {
         private updateReadOnlyText;
         protected getDefaultItemComponent(): string;
         onSurveyLoad(): void;
+        protected onSetData(): void;
+        private createDropdownListModel;
         /**
          * Specifies a comparison operation used to filter the drop-down list. Applies only if [`searchEnabled`](#searchEnabled) is `true`.
          *
@@ -16984,6 +16997,7 @@ declare module "question_imagepicker" {
         protected getObservedElementSelector(): string;
         protected supportResponsiveness(): boolean;
         protected needResponsiveness(): boolean;
+        needResponsiveWidth(): boolean;
         private _width;
         onContentLoaded: (item: ImageItemValue, event: any) => void;
         private responsiveColCount;
@@ -17308,6 +17322,7 @@ declare module "question_radiogroup" {
         get canShowClearButton(): boolean;
         get clearButtonCaption(): string;
         supportGoNextPageAutomatic(): boolean;
+        getConditionJson(operator?: string, path?: string): any;
         protected setNewComment(newValue: string): void;
         get showClearButtonInContent(): boolean;
         clickItemHandler(item: ItemValue): void;
@@ -17634,6 +17649,11 @@ declare module "question_boolean" {
         getDefaultValue(): any;
         get locTitle(): LocalizableString;
         get labelRenderedAriaID(): string;
+        leftAnswerElement: HTMLElement;
+        thumbMargin: string;
+        updateThumbMargin(): void;
+        afterRender(el: HTMLElement): void;
+        beforeDestroyQuestionElement(el: HTMLElement): void;
         showTitle: boolean;
         label: string;
         get isLabelRendered(): boolean;
@@ -26231,7 +26251,7 @@ declare module "react/reactquestion" {
     import { SurveyElementBase, ReactSurveyElement } from "react/reactquestion_element";
     export interface ISurveyCreator {
         createQuestionElement(question: Question): JSX.Element | null;
-        renderError(key: string, error: SurveyError, cssClasses: any): JSX.Element;
+        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): JSX.Element;
         questionTitleLocation(): string;
         questionErrorLocation(): string;
     }
@@ -26557,7 +26577,7 @@ declare module "react/reactSurvey" {
         protected updateSurvey(newProps: any, oldProps?: any): void;
         protected setSurveyEvents(): void;
         createQuestionElement(question: Question): JSX.Element | null;
-        renderError(key: string, error: SurveyError, cssClasses: any): JSX.Element;
+        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): JSX.Element;
         questionTitleLocation(): string;
         questionErrorLocation(): string;
     }
@@ -27453,6 +27473,18 @@ declare module "react/components/survey-actions/survey-nav-button" {
         protected renderElement(): JSX.Element;
     }
 }
+declare module "react/components/question-error" {
+    import React from "react";
+    import { SurveyError } from "entries/core";
+    export interface IQuestionErrorComponentProps {
+        error: SurveyError;
+        cssClasses: any;
+        element: any;
+    }
+    export class QuestionErrorComponent extends React.Component<IQuestionErrorComponentProps, any> {
+        render(): JSX.Element | null;
+    }
+}
 declare module "react/components/skeleton" {
     import React from "react";
     export class Skeleton extends React.Component<any, any> {
@@ -27568,6 +27600,7 @@ declare module "entries/react-ui-model" {
     export { SurveyQuestionPanelDynamicNextButton } from "react/components/paneldynamic-actions/paneldynamic-next-btn";
     export { SurveyQuestionPanelDynamicProgressText } from "react/components/paneldynamic-actions/paneldynamic-progress-text";
     export { SurveyNavigationButton } from "react/components/survey-actions/survey-nav-button";
+    export { QuestionErrorComponent } from "react/components/question-error";
     export { MatrixRow } from "react/components/matrix/row";
     export { Skeleton } from "react/components/skeleton";
     export { NotifierComponent } from "react/components/notifier";