survey-react 1.12.14 → 1.12.16-patch.1

package/survey.react.d.ts

@@ -207,7 +207,13 @@ declare module "packages/survey-core/src/surveyStrings" {
         supportedLocales: any[];
         useEnglishNames: boolean;
         showNamesInEnglish: boolean;
-        setupLocale(loc: string, strings: any, name: string, nameInEngish: string, direction?: string): void;
+        setupLocale(localeConfig: {
+            localeCode: string;
+            strings: any;
+            nativeName: string;
+            englishName: string;
+            rtl?: boolean;
+        }): void;
         currentLocale: string;
         defaultLocale: string;
         getLocaleStrings(loc: string): any;
@@ -217,6 +223,7 @@ declare module "packages/survey-core/src/surveyStrings" {
         onGetExternalString: (name: string, locale: string) => string;
     };
     export function getLocaleString(strName: string, locale?: string): string;
+    export function getLocaleStrings(locale: string): any;
     export function setupLocale(localeConfig: {
         localeCode: string;
         strings: any;
@@ -911,7 +918,7 @@ declare module "packages/survey-core/src/utils/utils" {
     import { PopupBaseViewModel } from "packages/survey-core/src/popup-view-model";
     function compareVersions(a: any, b: any): number;
     function confirmAction(message: string): boolean;
-    function confirmActionAsync(message: string, funcOnYes: () => void, funcOnNo?: () => void, locale?: string, rootElement?: HTMLElement): void;
+    function confirmActionAsync(options: IConfirmDialogOptions): void;
     function detectIEBrowser(): boolean;
     function detectIEOrEdge(): boolean;
     function loadFileFromBase64(b64Data: string, fileName: string): void;
@@ -957,7 +964,16 @@ declare module "packages/survey-core/src/utils/utils" {
         log(action: string): void;
         get result(): string;
     }
-    export function showConfirmDialog(message: string, callback: (res: boolean) => void, applyTitle?: string, locale?: string, rootElement?: HTMLElement): boolean;
+    export interface IConfirmDialogOptions {
+        message?: string;
+        funcOnYes?: () => void;
+        funcOnNo?: () => void;
+        applyTitle?: string;
+        locale?: string;
+        rootElement?: HTMLElement;
+        cssClass?: string;
+    }
+    export function showConfirmDialog(message: string, callback: (res: boolean) => void, options: IConfirmDialogOptions): boolean;
     export function configConfirmDialog(popupViewModel: PopupBaseViewModel): void;
     function chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void): void;
     export function compareArrays<T>(oldValue: Array<T>, newValue: Array<T>, getKey: (item: T) => any): {
@@ -1173,7 +1189,9 @@ declare module "packages/survey-core/src/list" {
         protected areSameItems(item1: IAction, item2: IAction): boolean;
         getListClass: () => string;
         getItemClass: (itemValue: T) => string;
-        getItemIndent: (itemValue: any) => string;
+        getItemStyle: (itemValue: any) => {
+            "--sjs-list-item-level": number;
+        };
         get filterStringPlaceholder(): string;
         get emptyMessage(): string;
         get scrollableContainer(): HTMLElement;
@@ -1441,11 +1459,11 @@ declare module "packages/survey-core/src/actions/action" {
         protected abstract setComponent(val: string): void;
     }
     export class Action extends BaseAction implements IAction, ILocalizableOwner {
-        innerItem: IAction;
         private locTitleValue;
         updateCallback: (isResetInitialized: boolean) => void;
+        innerItem: IAction;
         private raiseUpdate;
-        constructor(innerItem: IAction);
+        constructor(innerItemData: IAction);
         private createLocTitle;
         setSubItems(options: IListModel): void;
         location?: string;
@@ -1825,6 +1843,7 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
             errorsContainer: string;
             errorsContainerTop: string;
             errorsContainerBottom: string;
+            confirmDialog: string;
         };
         image: {
             mainRoot: string;
@@ -3456,9 +3475,14 @@ declare module "packages/survey-core/src/panel" {
          */
         get areQuestionsRandomized(): boolean;
         /**
-         * Returns a survey element (panel or page) that contains this panel and allows you to move this question to a different survey element.
+         * Returns a survey element (panel or page) that contains this panel and allows you to move the panel to a different survey element.
          *
-         * This property is always `null` for the `PageModel` object.
+         * For `PageModel` objects, the `parent` property is `null`, except in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
+         *
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and the `parent` property contains this object.
          */
         get parent(): PanelModelBase;
         set parent(val: PanelModelBase);
@@ -3480,10 +3504,6 @@ declare module "packages/survey-core/src/panel" {
          */
         get id(): string;
         set id(val: string);
-        /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
-         */
         get isPanel(): boolean;
         getPanel(): IPanel;
         getLayoutType(): string;
@@ -3661,12 +3681,14 @@ declare module "packages/survey-core/src/panel" {
         private canFireAddRemoveNotifications;
         protected onAddElement(element: IElement, index: number): void;
         protected onRemoveElement(element: IElement): void;
+        protected unregisterElementPropertiesChanged(element: IElement): void;
         private onRemoveElementNotifySurvey;
         private onElementVisibilityChanged;
         private onElementStartWithNewLineChanged;
         private updateRowsVisibility;
         canBuildRows(): boolean;
         private buildRows;
+        protected getElementsForRows(): Array<IElement>;
         getDragDropInfo(): any;
         private updateRowsOnElementRemoved;
         updateRowsRemoveElementFromRow(element: IElement, row: QuestionRowModel): void;
@@ -3799,6 +3821,7 @@ declare module "packages/survey-core/src/panel" {
         getSerializableColumnsValue(): Array<PanelLayoutColumnModel>;
         afterRender(el: HTMLElement): void;
         dispose(): void;
+        protected disposeElements(): void;
     }
     /**
      * A class that describes the Panel container element.
@@ -3909,8 +3932,8 @@ declare module "packages/survey-core/src/panel" {
         getFooterToolbar(): ActionContainer;
         get hasEditButton(): boolean;
         cancelPreview(): void;
-        protected canShowTitle(survey: ISurvey): boolean;
         get cssTitle(): string;
+        protected getCssPanelTitle(): string;
         getCssTitleExpandableSvg(): string;
         get showErrorsAbovePanel(): boolean;
         protected getCssError(cssClasses: any): string;
@@ -8525,20 +8548,28 @@ declare module "packages/survey-core/src/drag-drop-page-helper-v1" {
 }
 declare module "packages/survey-core/src/page" {
     import { IPage, IPanel, IElement, ISurveyElement, ISurvey } from "packages/survey-core/src/base-interfaces";
-    import { PanelModelBase } from "packages/survey-core/src/panel";
+    import { PanelModel } from "packages/survey-core/src/panel";
     import { LocalizableString } from "packages/survey-core/src/localizablestring";
     /**
      * The `PageModel` object describes a survey page and contains properties and methods that allow you to control the page and access its elements (panels and questions).
      *
      * [View Demo](https://surveyjs.io/form-library/examples/nps-question/ (linkStyle))
      */
-    export class PageModel extends PanelModelBase implements IPage {
+    export class PageModel extends PanelModel implements IPage {
         private hasShownValue;
         private dragDropPageHelper;
+        isPageContainer: boolean;
         constructor(name?: string);
         getType(): string;
         toString(): string;
         get isPage(): boolean;
+        get isPanel(): boolean;
+        get showPanelAsPage(): boolean;
+        get hasEditButton(): boolean;
+        protected getElementsForRows(): Array<IElement>;
+        protected disposeElements(): void;
+        protected onRemoveElement(element: IElement): void;
+        getTemplate(): string;
         get no(): string;
         get cssTitleNumber(): string;
         getCssTitleExpandableSvg(): string;
@@ -8580,7 +8611,7 @@ declare module "packages/survey-core/src/page" {
         get isStartPage(): boolean;
         get isStarted(): boolean;
         protected calcCssClasses(css: any): any;
-        get cssTitle(): string;
+        protected getCssPanelTitle(): string;
         get cssRoot(): string;
         protected getCssError(cssClasses: any): string;
         num: number;
@@ -11669,6 +11700,8 @@ declare module "packages/survey-core/src/survey" {
          * @see completeLastPage
          */
         nextPage(): boolean;
+        performNext(): boolean;
+        performPrevious(): boolean;
         private hasErrorsOnNavigate;
         private asyncValidationQuesitons;
         private checkForAsyncQuestionValidation;
@@ -11770,6 +11803,8 @@ declare module "packages/survey-core/src/survey" {
         private doCurrentPageCompleteCore;
         get isSinglePage(): boolean;
         set isSinglePage(val: boolean);
+        get isSingleVisibleQuestion(): boolean;
+        private isSingleVisibleQuestionVal;
         /**
          * Specifies how to distribute survey elements between pages.
          *
@@ -11809,17 +11844,17 @@ declare module "packages/survey-core/src/survey" {
         get isShowPreviewBeforeComplete(): boolean;
         protected onFirstPageIsStartedChanged(): void;
         private runningPages;
+        private pageContainerValue;
         private onShowingPreviewChanged;
+        private createRootPage;
+        private disposeContainerPage;
+        private updatePagesContainer;
+        private currentSingleQuestionValue;
+        get currentSingleQuestion(): Question;
+        set currentSingleQuestion(val: Question);
         private changeCurrentPageFromPreview;
-        private originalPages;
-        protected onQuestionsOnPageModeChanged(oldValue: string, isFirstLoad?: boolean): void;
-        private restoreOriginalPages;
+        protected onQuestionsOnPageModeChanged(oldValue: string): void;
         private getPageStartIndex;
-        private isLockingUpdateOnPageModes;
-        private setupPagesForPageModes;
-        private createPagesForQuestionOnPageMode;
-        private createSinglePage;
-        private createPagesForEveryQuestion;
         /**
          * Indicates whether the [current page](#currentPage) is the first page.
          *
@@ -11836,7 +11871,11 @@ declare module "packages/survey-core/src/survey" {
         get isCompleteButtonVisible(): boolean;
         get isPreviewButtonVisible(): boolean;
         get isCancelPreviewButtonVisible(): boolean;
+        get isFirstElement(): boolean | undefined;
+        get isLastElement(): boolean | undefined;
         private updateIsFirstLastPageState;
+        private get isLastPageOrElement();
+        private get isFirstPageOrElement();
         private calcIsShowPrevButton;
         private calcIsShowNextButton;
         calcIsCompleteButtonVisible(): boolean;
@@ -12490,6 +12529,8 @@ declare module "packages/survey-core/src/survey" {
         set width(val: string);
         get renderedWidth(): string;
         widthScale: number;
+        staticStartWidth: number;
+        setStaticStartWidth(width: number): void;
         responsiveStartWidth: number;
         setResponsiveStartWidth(width: number): void;
         get isScaled(): boolean;
@@ -12691,22 +12732,32 @@ declare module "packages/survey-core/src/survey-element" {
         protected createLocTitleProperty(): LocalizableString;
         /**
          * Returns `true` if the survey element is a page.
-         * @see Base.getType
+         *
+         * This property returns `false` for [`PageModel`](https://surveyjs.io/form-library/documentation/api-reference/page-model) objects in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
+         *
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and all regular pages become panels.
          */
         get isPage(): boolean;
         /**
-         * Returns `true` if the survey element is a panel.
-         * @see Base.getType
+         * Returns `true` if the survey element is a panel or acts as one.
+         *
+         * This property returns `true` for `PageModel` objects in the following cases:
+         *
+         * - `SurveyModel`'s [`questionsOnPageMode`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#questionsOnPageMode) is set to `"singlePage"`.
+         * - The page is included in a [preview of given answers](https://surveyjs.io/form-library/documentation/design-survey/create-a-multi-page-survey#preview-page).
+         *
+         * In those cases, the survey creates an internal `PageModel` object to show all questions on one page, and all regular pages become panels.
          */
         get isPanel(): boolean;
         /**
          * Returns `true` if the survey element is a question.
-         * @see Base.getType
          */
         get isQuestion(): boolean;
         /**
          * Returns `true` if the element is a survey.
-         * @see Base.getType
          */
         get isSurvey(): boolean;
         /**
@@ -15015,6 +15066,7 @@ declare module "packages/survey-core/src/base-interfaces" {
         isDisplayMode: boolean;
         isDesignMode: boolean;
         areInvisibleElementsShowing: boolean;
+        currentSingleQuestion: IQuestion;
         areEmptyElementsHidden: boolean;
         isLoadingFromJson: boolean;
         isUpdateValueTextOnTyping: boolean;
@@ -16247,6 +16299,7 @@ declare module "packages/survey-core/src/popup" {
 }
 declare module "packages/survey-core/src/settings" {
     import { IDialogOptions } from "packages/survey-core/src/popup";
+    import { IConfirmDialogOptions } from "packages/survey-core/src/utils/utils";
     export type ISurveyEnvironment = {
         root: Document | ShadowRoot;
         rootElement: HTMLElement | ShadowRoot;
@@ -16628,7 +16681,7 @@ declare module "packages/survey-core/src/settings" {
          * @param message A message to be displayed in the confirm dialog window.
          * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
          */
-        confirmActionAsync: (message: string, callback: (res: boolean) => void, applyTitle?: string, locale?: string, rootElement?: HTMLElement) => boolean;
+        confirmActionAsync: (message: string, callback: (res: boolean) => void, options?: IConfirmDialogOptions) => boolean;
         /**
          * A minimum width value for all survey elements.
          *
@@ -19427,7 +19480,7 @@ declare module "packages/survey-core/entries/chunks/model" {
     export { Cover, CoverCell } from "packages/survey-core/src/header";
     export { dxSurveyService } from "packages/survey-core/src/dxSurveyService";
     export { englishStrings } from "packages/survey-core/src/localization/english";
-    export { surveyLocalization, surveyStrings, getLocaleString, setupLocale } from "packages/survey-core/src/surveyStrings";
+    export { surveyLocalization, surveyStrings, getLocaleString, getLocaleStrings, setupLocale } from "packages/survey-core/src/surveyStrings";
     export { QuestionCustomWidget, CustomWidgetCollection, } from "packages/survey-core/src/questionCustomWidgets";
     export { QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, ICustomQuestionTypeConfiguration } from "packages/survey-core/src/question_custom";
     export { ListModel } from "packages/survey-core/src/list";
@@ -20422,7 +20475,7 @@ declare module "packages/survey-core/entries/chunks/core-wo-model" {
     export * from "packages/survey-core/src/svgbundle";
     export * from "packages/survey-core/src/rendererFactory";
     export * from "packages/survey-core/src/utils/responsivity-manager";
-    export { unwrap, getOriginalEvent, getElement } from "packages/survey-core/src/utils/utils";
+    export { unwrap, getOriginalEvent, getElement, activateLazyRenderingChecks } from "packages/survey-core/src/utils/utils";
     export * from "packages/survey-core/src/actions/action";
     export * from "packages/survey-core/src/utils/animation";
     export * from "packages/survey-core/src/actions/adaptive-container";
@@ -27352,32 +27405,33 @@ declare module "packages/survey-react-ui/src/element-factory" {
     export class ReactElementFactory {
         static Instance: ReactElementFactory;
         private creatorHash;
-        registerElement(elementType: string, elementCreator: (props: any) => JSX.Element): void;
+        registerElement(elementType: string, elementCreator: (props: any) => React.JSX.Element): void;
         getAllTypes(): Array<string>;
         isElementRegistered(elementType: string): boolean;
-        createElement(elementType: string, params: any): JSX.Element | any;
+        createElement(elementType: string, params: any): React.JSX.Element | any;
     }
 }
 declare module "packages/survey-react-ui/src/reactsurveymodel" {
     import { SurveyModel, QuestionMatrixDropdownRenderedCell, SurveyElement, QuestionRowModel, ItemValue, QuestionSelectBase } from "src/entries/core";
     export class ReactSurveyElementsWrapper {
-        static wrapRow(survey: SurveyModel, element: JSX.Element, row: QuestionRowModel): JSX.Element;
-        static wrapElement(survey: SurveyModel, element: JSX.Element, question: SurveyElement): JSX.Element;
-        static wrapQuestionContent(survey: SurveyModel, element: JSX.Element, question: SurveyElement): JSX.Element;
-        static wrapItemValue(survey: SurveyModel, element: JSX.Element, question: QuestionSelectBase, item: ItemValue): JSX.Element;
-        static wrapMatrixCell(survey: SurveyModel, element: JSX.Element, cell: QuestionMatrixDropdownRenderedCell, reason?: string): JSX.Element;
+        static wrapRow(survey: SurveyModel, element: React.JSX.Element, row: QuestionRowModel): React.JSX.Element;
+        static wrapElement(survey: SurveyModel, element: React.JSX.Element, question: SurveyElement): React.JSX.Element;
+        static wrapQuestionContent(survey: SurveyModel, element: React.JSX.Element, question: SurveyElement): React.JSX.Element;
+        static wrapItemValue(survey: SurveyModel, element: React.JSX.Element, question: QuestionSelectBase, item: ItemValue): React.JSX.Element;
+        static wrapMatrixCell(survey: SurveyModel, element: React.JSX.Element, cell: QuestionMatrixDropdownRenderedCell, reason?: string): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_factory" {
     export class ReactQuestionFactory {
         static Instance: ReactQuestionFactory;
         private creatorHash;
-        registerQuestion(questionType: string, questionCreator: (name: string) => JSX.Element): void;
+        registerQuestion(questionType: string, questionCreator: (name: string) => React.JSX.Element): void;
         getAllTypes(): Array<string>;
-        createQuestion(questionType: string, params: any): JSX.Element | null;
+        createQuestion(questionType: string, params: any): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/character-counter" {
+    import React from "react";
     import { Base, CharacterCounter } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export interface ICharacterCounterComponentProps {
@@ -27386,10 +27440,11 @@ declare module "packages/survey-react-ui/src/components/character-counter" {
     }
     export class CharacterCounterComponent extends SurveyElementBase<ICharacterCounterComponentProps, any> {
         protected getStateElement(): Base;
-        renderElement(): JSX.Element | null;
+        renderElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/text-area" {
+    import React from "react";
     import { TextAreaModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface ITextAreaProps {
@@ -27403,29 +27458,31 @@ declare module "packages/survey-react-ui/src/components/text-area" {
         protected canRender(): boolean;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_comment" {
+    import * as React from "react";
     import { ReactSurveyElement, SurveyQuestionUncontrolledElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionCommentModel, TextAreaModel } from "src/entries/core";
     export class SurveyQuestionComment extends SurveyQuestionUncontrolledElement<QuestionCommentModel> {
         private renderCharacterCounter;
         constructor(props: any);
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyQuestionCommentItem extends ReactSurveyElement {
         private textAreaModel;
         constructor(props: any);
         protected canRender(): boolean;
         protected getTextAreaModel(): TextAreaModel;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyQuestionOtherValueItem extends SurveyQuestionCommentItem {
         protected getTextAreaModel(): TextAreaModel;
     }
 }
 declare module "packages/survey-react-ui/src/custom-widget" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyCustomWidget extends SurveyQuestionElementBase {
         private widgetRef;
@@ -27435,7 +27492,7 @@ declare module "packages/survey-react-ui/src/custom-widget" {
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentWillUnmount(): void;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/svg-icon/svg-icon" {
@@ -27445,7 +27502,7 @@ declare module "packages/survey-react-ui/src/components/svg-icon/svg-icon" {
         constructor(props: any);
         updateSvg(): void;
         componentDidUpdate(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
         componentDidMount(): void;
     }
 }
@@ -27453,10 +27510,11 @@ declare module "packages/survey-react-ui/src/components/action-bar/action-bar-se
     import React from "react";
     export class SurveyActionBarSeparator extends React.Component<any, any> {
         constructor(props: any);
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/action-bar/action-bar-item" {
+    import React from "react";
     import { Base, Action } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IActionBarItemProps {
@@ -27465,18 +27523,19 @@ declare module "packages/survey-react-ui/src/components/action-bar/action-bar-it
     export class SurveyAction extends SurveyElementBase<IActionBarItemProps, any> {
         get item(): Action;
         protected getStateElement(): Base;
-        renderElement(): JSX.Element;
+        renderElement(): React.JSX.Element;
     }
     export class SurveyActionBarItem extends SurveyElementBase<IActionBarItemProps, any> {
         get item(): Action;
         protected getStateElement(): Base;
-        renderElement(): JSX.Element;
-        renderText(): JSX.Element;
-        renderButtonContent(): JSX.Element;
-        renderInnerButton(): JSX.Element;
+        renderElement(): React.JSX.Element;
+        renderText(): React.JSX.Element;
+        renderButtonContent(): React.JSX.Element;
+        renderInnerButton(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/popup/popup" {
+    import React from "react";
     import { Base, PopupModel, PopupBaseViewModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IPopupProps {
@@ -27494,7 +27553,7 @@ declare module "packages/survey-react-ui/src/components/popup/popup" {
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: IPopupProps, nextState: any): boolean;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
     export class PopupContainer extends SurveyElementBase<any, any> {
         constructor(props: any);
@@ -27503,29 +27562,31 @@ declare module "packages/survey-react-ui/src/components/popup/popup" {
         protected getStateElement(): Base;
         clickInside: (ev: any) => void;
         componentDidUpdate(prevProps: any, prevState: any): void;
-        renderContainer(popupBaseViewModel: PopupBaseViewModel): JSX.Element;
-        renderHeaderContent(): JSX.Element;
-        renderContent(): JSX.Element;
-        protected renderHeaderPopup(popupModel: PopupBaseViewModel): JSX.Element | null;
-        protected renderFooter(popuModel: PopupBaseViewModel): JSX.Element | null;
-        render(): JSX.Element;
+        renderContainer(popupBaseViewModel: PopupBaseViewModel): React.JSX.Element;
+        renderHeaderContent(): React.JSX.Element;
+        renderContent(): React.JSX.Element;
+        protected renderHeaderPopup(popupModel: PopupBaseViewModel): React.JSX.Element | null;
+        protected renderFooter(popuModel: PopupBaseViewModel): React.JSX.Element | null;
+        render(): React.JSX.Element;
         componentDidMount(): void;
     }
     export class PopupDropdownContainer extends PopupContainer {
-        protected renderHeaderPopup(popupModel: PopupBaseViewModel): JSX.Element | null;
+        protected renderHeaderPopup(popupModel: PopupBaseViewModel): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown" {
+    import React from "react";
     import { SurveyActionBarItem } from "packages/survey-react-ui/src/components/action-bar/action-bar-item";
     export class SurveyActionBarItemDropdown extends SurveyActionBarItem {
         private viewModel;
         constructor(props: any);
-        renderInnerButton(): JSX.Element;
+        renderInnerButton(): React.JSX.Element;
         componentDidMount(): void;
         componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/components/action-bar/action-bar" {
+    import React from "react";
     import { Base, Action, ActionContainer } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export * from "packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown";
@@ -27544,7 +27605,7 @@ declare module "packages/survey-react-ui/src/components/action-bar/action-bar" {
         componentDidUpdate(prevProps: IActionBarProps, prevState: any): void;
         protected getStateElement(): Base;
         renderElement(): any;
-        renderItems(): JSX.Element[];
+        renderItems(): React.JSX.Element[];
     }
 }
 declare module "packages/survey-react-ui/src/components/title/title-content" {
@@ -27554,8 +27615,8 @@ declare module "packages/survey-react-ui/src/components/title/title-content" {
         constructor(props: any);
         private get cssClasses();
         private get element();
-        render(): JSX.Element;
-        protected renderTitleSpans(element: ITitleOwner, cssClasses: any): Array<JSX.Element>;
+        render(): React.JSX.Element;
+        protected renderTitleSpans(element: ITitleOwner, cssClasses: any): Array<React.JSX.Element>;
         private renderRequireText;
     }
 }
@@ -27565,7 +27626,7 @@ declare module "packages/survey-react-ui/src/components/title/title-actions" {
     export class TitleActions extends React.Component<any, any> {
         protected get cssClasses(): any;
         protected get element(): SurveyElement;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/title/title-element" {
@@ -27573,15 +27634,15 @@ declare module "packages/survey-react-ui/src/components/title/title-element" {
     export class TitleElement extends React.Component<any, any> {
         constructor(props: any);
         private get element();
-        renderTitleExpandableSvg(): JSX.Element;
-        render(): JSX.Element | any;
+        renderTitleExpandableSvg(): React.JSX.Element;
+        render(): React.JSX.Element | any;
     }
 }
 declare module "packages/survey-react-ui/src/element-header" {
     import React from "react";
     export class SurveyElementHeader extends React.Component<any, any> {
         private get element();
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion" {
@@ -27589,14 +27650,14 @@ declare module "packages/survey-react-ui/src/reactquestion" {
     import { Base, SurveyElement, SurveyError, Question, QuestionMatrixDropdownRenderedCell } from "src/entries/core";
     import { SurveyElementBase, ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export interface ISurveyCreator {
-        createQuestionElement(question: Question): JSX.Element | null;
-        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): JSX.Element;
+        createQuestionElement(question: Question): React.JSX.Element | null;
+        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): React.JSX.Element;
         questionTitleLocation(): string;
         questionErrorLocation(): string;
     }
     export class SurveyQuestion extends SurveyElementBase<any, any> {
         private isNeedFocus;
-        static renderQuestionBody(creator: ISurveyCreator, question: Question): JSX.Element | any;
+        static renderQuestionBody(creator: ISurveyCreator, question: Question): React.JSX.Element | any;
         private rootRef;
         constructor(props: any);
         protected getStateElement(): Base;
@@ -27607,15 +27668,15 @@ declare module "packages/survey-react-ui/src/reactquestion" {
         componentDidUpdate(prevProps: any, prevState: any): void;
         private doAfterRender;
         protected canRender(): boolean;
-        protected renderQuestionContent(): JSX.Element;
-        protected renderElement(): JSX.Element;
-        protected wrapElement(element: JSX.Element): JSX.Element;
-        protected wrapQuestionContent(element: JSX.Element): JSX.Element;
-        protected renderQuestion(): JSX.Element;
-        protected renderDescription(): JSX.Element;
-        protected renderComment(cssClasses: any): JSX.Element;
-        protected renderHeader(question: Question): JSX.Element;
-        protected renderErrors(cssClasses: any, location: string): JSX.Element;
+        protected renderQuestionContent(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected wrapElement(element: React.JSX.Element): React.JSX.Element;
+        protected wrapQuestionContent(element: React.JSX.Element): React.JSX.Element;
+        protected renderQuestion(): React.JSX.Element;
+        protected renderDescription(): React.JSX.Element;
+        protected renderComment(cssClasses: any): React.JSX.Element;
+        protected renderHeader(question: Question): React.JSX.Element;
+        protected renderErrors(cssClasses: any, location: string): React.JSX.Element;
     }
     export class SurveyElementErrors extends ReactSurveyElement {
         constructor(props: any);
@@ -27626,7 +27687,7 @@ declare module "packages/survey-react-ui/src/reactquestion" {
         private getState;
         protected canRender(): boolean;
         componentWillUnmount(): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export abstract class SurveyQuestionAndErrorsWrapped extends ReactSurveyElement {
         [index: string]: any;
@@ -27640,21 +27701,21 @@ declare module "packages/survey-react-ui/src/reactquestion" {
         componentDidUpdate(prevProps: any, prevState: any): void;
         protected doAfterRender(): void;
         protected canRender(): boolean;
-        protected renderContent(): JSX.Element;
-        protected abstract renderElement(): JSX.Element;
+        protected renderContent(): React.JSX.Element;
+        protected abstract renderElement(): React.JSX.Element;
         protected getShowErrors(): boolean;
-        protected renderQuestion(): JSX.Element;
+        protected renderQuestion(): React.JSX.Element;
     }
     export class SurveyQuestionAndErrorsCell extends SurveyQuestionAndErrorsWrapped {
         [index: string]: any;
         protected cellRef: React.RefObject<HTMLTableCellElement>;
         constructor(props: any);
         componentWillUnmount(): void;
-        protected renderCellContent(): JSX.Element;
-        protected renderElement(): JSX.Element;
+        protected renderCellContent(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
         protected getCellStyle(): any;
         protected getHeaderText(): string;
-        protected wrapCell(cell: QuestionMatrixDropdownRenderedCell, element: JSX.Element): JSX.Element;
+        protected wrapCell(cell: QuestionMatrixDropdownRenderedCell, element: React.JSX.Element): React.JSX.Element;
     }
     export class SurveyQuestionErrorCell extends React.Component<any, any> {
         constructor(props: any);
@@ -27665,7 +27726,7 @@ declare module "packages/survey-react-ui/src/reactquestion" {
         private unRegisterCallback;
         componentDidUpdate(prevProps: Readonly<any>): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_element" {
@@ -27673,8 +27734,8 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
     import { Base, PanelModel, LocalizableString, Question } from "src/entries/core";
     import { ISurveyCreator } from "packages/survey-react-ui/src/reactquestion";
     export class SurveyElementBase<P, S> extends React.Component<P, S> {
-        static renderLocString(locStr: LocalizableString, style?: any, key?: string): JSX.Element;
-        static renderQuestionDescription(question: Question | PanelModel): JSX.Element;
+        static renderLocString(locStr: LocalizableString, style?: any, key?: string): React.JSX.Element;
+        static renderQuestionDescription(question: Question | PanelModel): React.JSX.Element;
         private changedStatePropNameValue;
         constructor(props: any);
         componentDidMount(): void;
@@ -27685,13 +27746,13 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         protected denyComponentUpdate(): void;
         private prevStateElements;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
-        render(): JSX.Element | null;
-        protected wrapElement(element: JSX.Element): JSX.Element;
+        render(): React.JSX.Element | null;
+        protected wrapElement(element: React.JSX.Element): React.JSX.Element;
         protected get isRendering(): boolean;
         protected getRenderedElements(): Base[];
         private startEndRendering;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
         protected get changedStatePropName(): string | undefined;
         private makeBaseElementsReact;
         private unMakeBaseElementsReact;
@@ -27699,7 +27760,7 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         protected getStateElements(): Array<Base>;
         protected getStateElement(): Base | null;
         protected get isDisplayMode(): boolean;
-        protected renderLocString(locStr: LocalizableString, style?: any, key?: string): JSX.Element;
+        protected renderLocString(locStr: LocalizableString, style?: any, key?: string): React.JSX.Element;
         private canMakeReact;
         private makeBaseElementReact;
         protected canUsePropInState(key: string): boolean;
@@ -27723,7 +27784,7 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         protected canRender(): boolean;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         protected get isDisplayMode(): boolean;
-        protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
+        protected wrapCell(cell: any, element: React.JSX.Element, reason: string): React.JSX.Element;
         setControl(element: HTMLElement | null): void;
         setContent(element: HTMLElement | null): void;
     }
@@ -27738,6 +27799,7 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
     }
 }
 declare module "packages/survey-react-ui/src/element" {
+    import * as React from "react";
     import { IElement } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyRowElement extends SurveyElementBase<any, any> {
@@ -27753,11 +27815,12 @@ declare module "packages/survey-react-ui/src/element" {
         componentDidMount(): void;
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
-        protected renderElement(): JSX.Element;
-        protected createElement(element: IElement, elementIndex?: number): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected createElement(element: IElement, elementIndex?: number): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/row" {
+    import * as React from "react";
     import { IElement, Base } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyRow extends SurveyElementBase<any, any> {
@@ -27770,13 +27833,13 @@ declare module "packages/survey-react-ui/src/row" {
         private get creator();
         protected get css(): any;
         protected canRender(): boolean;
-        protected renderElementContent(): JSX.Element;
-        protected renderElement(): JSX.Element;
+        protected renderElementContent(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
         componentDidMount(): void;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         private stopLazyRendering;
         componentWillUnmount(): void;
-        protected createElement(element: IElement, elementIndex?: number): JSX.Element;
+        protected createElement(element: IElement, elementIndex?: number): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/panel-base" {
@@ -27802,20 +27865,21 @@ declare module "packages/survey-react-ui/src/panel-base" {
         private doAfterRender;
         protected getIsVisible(): boolean;
         protected canRender(): boolean;
-        protected renderRows(css: any): Array<JSX.Element>;
-        protected createRow(row: QuestionRowModel, css: any): JSX.Element;
+        protected renderRows(css: any): Array<React.JSX.Element>;
+        protected createRow(row: QuestionRowModel, css: any): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/page" {
+    import * as React from "react";
     import { PageModel, PanelModelBase } from "src/entries/core";
     import { SurveyPanelBase } from "packages/survey-react-ui/src/panel-base";
     export class SurveyPage extends SurveyPanelBase {
         constructor(props: any);
         protected getPanelBase(): PanelModelBase;
         get page(): PageModel;
-        protected renderElement(): JSX.Element;
-        protected renderTitle(): JSX.Element;
-        protected renderDescription(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element;
+        protected renderTitle(): React.JSX.Element;
+        protected renderDescription(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/survey-header/survey-header" {
@@ -27833,16 +27897,17 @@ declare module "packages/survey-react-ui/src/components/survey-header/survey-hea
         componentWillUnmount(): void;
         private renderTitle;
         private renderLogoImage;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/brand-info" {
     import React from "react";
     export class BrandInfo extends React.Component<any, any> {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/notifier" {
+    import React from "react";
     import { Base, Notifier } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export interface INotifierComponentProps {
@@ -27851,13 +27916,13 @@ declare module "packages/survey-react-ui/src/components/notifier" {
     export class NotifierComponent extends SurveyElementBase<INotifierComponentProps, any> {
         get notifier(): Notifier;
         protected getStateElement(): Base;
-        renderElement(): JSX.Element | null;
+        renderElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/components-container" {
     import React from "react";
     export class ComponentsContainer extends React.Component<any, any> {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/svgbundle" {
@@ -27868,10 +27933,11 @@ declare module "packages/survey-react-ui/src/svgbundle" {
         private onIconsChanged;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/popup/popup-modal" {
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { IDialogOptions, PopupBaseViewModel } from "src/entries/core";
     interface IModalDescriptor {
@@ -27886,7 +27952,7 @@ declare module "packages/survey-react-ui/src/components/popup/popup-modal" {
         static modalDescriptors: Array<IModalDescriptor>;
         static addModalDescriptor(descriptor: IModalDescriptor): void;
         static removeModalDescriptor(descriptor: IModalDescriptor): void;
-        protected renderElement(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
         showDialog(dialogOptions: IDialogOptions, rootElement?: HTMLElement): PopupBaseViewModel;
         init: () => void;
         clean: () => void;
@@ -27907,6 +27973,7 @@ declare module "packages/survey-core/src/iconsV2" {
     export { icons };
 }
 declare module "packages/survey-react-ui/src/reactSurvey" {
+    import * as React from "react";
     import { Base, Question, PageModel, SurveyError, SurveyModel, IAttachKey2clickOptions } from "src/entries/core";
     import { ISurveyCreator } from "packages/survey-react-ui/src/reactquestion";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
@@ -27927,26 +27994,26 @@ declare module "packages/survey-react-ui/src/reactSurvey" {
         componentDidMount(): void;
         destroySurvey(): void;
         componentWillUnmount(): void;
-        doRender(): JSX.Element;
-        protected renderElement(): JSX.Element;
+        doRender(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
         get css(): any;
         set css(value: any);
-        protected renderCompleted(): JSX.Element | null;
-        protected renderCompletedBefore(): JSX.Element;
-        protected renderLoading(): JSX.Element;
-        protected renderSurvey(): JSX.Element;
-        protected renderPage(page: PageModel): JSX.Element;
-        protected renderEmptySurvey(): JSX.Element;
+        protected renderCompleted(): React.JSX.Element | null;
+        protected renderCompletedBefore(): React.JSX.Element;
+        protected renderLoading(): React.JSX.Element;
+        protected renderSurvey(): React.JSX.Element;
+        protected renderPage(page: PageModel): React.JSX.Element;
+        protected renderEmptySurvey(): React.JSX.Element;
         protected createSurvey(newProps: any): void;
         private isModelJSONChanged;
         protected updateSurvey(newProps: any, oldProps?: any): void;
         protected setSurveyEvents(): void;
-        createQuestionElement(question: Question): JSX.Element | null;
-        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): JSX.Element;
+        createQuestionElement(question: Question): React.JSX.Element | null;
+        renderError(key: string, error: SurveyError, cssClasses: any, element?: any): React.JSX.Element;
         questionTitleLocation(): string;
         questionErrorLocation(): string;
     }
-    export function attachKey2click(element: JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): JSX.Element;
+    export function attachKey2click(element: React.JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): React.JSX.Element;
 }
 declare module "packages/survey-react-ui/src/reactSurveyNavigationBase" {
     import * as React from "react";
@@ -27961,6 +28028,7 @@ declare module "packages/survey-react-ui/src/reactSurveyNavigationBase" {
     }
 }
 declare module "packages/survey-react-ui/src/reacttimerpanel" {
+    import * as React from "react";
     import { Base, SurveyTimerModel } from "src/entries/core";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyTimerPanel extends ReactSurveyElement {
@@ -27969,27 +28037,29 @@ declare module "packages/survey-react-ui/src/reacttimerpanel" {
         protected get timerModel(): SurveyTimerModel;
         private readonly circleLength;
         private get progress();
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/panel" {
+    import * as React from "react";
     import { SurveyPanelBase } from "packages/survey-react-ui/src/panel-base";
     import { PanelModel } from "src/entries/core";
     export class SurveyPanel extends SurveyPanelBase {
         private hasBeenExpanded;
         constructor(props: any);
         get panel(): PanelModel;
-        protected renderElement(): JSX.Element;
-        protected renderHeader(): JSX.Element;
-        protected wrapElement(element: JSX.Element): JSX.Element;
-        protected renderContent(style: any, rows: JSX.Element[], className: string): JSX.Element;
-        protected renderTitle(): JSX.Element | null;
-        protected renderDescription(): JSX.Element | null;
-        protected renderBottom(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element;
+        protected renderHeader(): React.JSX.Element;
+        protected wrapElement(element: React.JSX.Element): React.JSX.Element;
+        protected renderContent(style: any, rows: React.JSX.Element[], className: string): React.JSX.Element;
+        protected renderTitle(): React.JSX.Element | null;
+        protected renderDescription(): React.JSX.Element | null;
+        protected renderBottom(): React.JSX.Element | null;
         protected getIsVisible(): boolean;
     }
 }
 declare module "packages/survey-react-ui/src/flow-panel" {
+    import * as React from "react";
     import { FlowPanelModel, Question } from "src/entries/core";
     import { SurveyPanel } from "packages/survey-react-ui/src/panel";
     export class SurveyFlowPanel extends SurveyPanel {
@@ -27999,35 +28069,36 @@ declare module "packages/survey-react-ui/src/flow-panel" {
         componentWillUnmount(): void;
         protected getQuestion(name: string): Question;
         protected renderQuestion(question: Question): string;
-        protected renderRows(): Array<JSX.Element>;
+        protected renderRows(): Array<React.JSX.Element>;
         private renderedIndex;
         private getNodeIndex;
-        protected renderHtml(): JSX.Element | null;
-        protected renderNodes(domNodes: Array<Node>): Array<JSX.Element>;
+        protected renderHtml(): React.JSX.Element | null;
+        protected renderNodes(domNodes: Array<Node>): Array<React.JSX.Element>;
         private getStyle;
-        protected renderParentNode(node: Node): JSX.Element;
-        protected renderNode(node: Node): JSX.Element | null;
+        protected renderParentNode(node: Node): React.JSX.Element;
+        protected renderNode(node: Node): React.JSX.Element | null;
         private getChildDomNodes;
         private hasTextChildNodesOnly;
-        protected renderContent(style: any, rows: JSX.Element[]): JSX.Element;
+        protected renderContent(style: any, rows: React.JSX.Element[]): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_checkbox" {
+    import * as React from "react";
     import { ReactSurveyElement, SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { Base, ItemValue, QuestionCheckboxModel } from "src/entries/core";
     export class SurveyQuestionCheckbox extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionCheckboxModel;
-        protected renderElement(): JSX.Element;
-        protected getHeader(): JSX.Element[];
-        protected getFooter(): JSX.Element[];
-        protected getColumnedBody(cssClasses: any): JSX.Element;
-        protected getColumns(cssClasses: any): JSX.Element[];
-        protected getBody(cssClasses: any): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected getHeader(): React.JSX.Element[];
+        protected getFooter(): React.JSX.Element[];
+        protected getColumnedBody(cssClasses: any): React.JSX.Element;
+        protected getColumns(cssClasses: any): React.JSX.Element[];
+        protected getBody(cssClasses: any): React.JSX.Element;
         protected getItems(cssClasses: any, choices: Array<ItemValue>): Array<any>;
         protected get textStyle(): any;
-        protected renderOther(): JSX.Element;
-        protected renderItem(item: any, isFirst: boolean, cssClasses: any, index?: string): JSX.Element;
+        protected renderOther(): React.JSX.Element;
+        protected renderItem(item: any, isFirst: boolean, cssClasses: any, index?: string): React.JSX.Element;
     }
     export class SurveyQuestionCheckboxItem extends ReactSurveyElement {
         private rootRef;
@@ -28043,21 +28114,22 @@ declare module "packages/survey-react-ui/src/reactquestion_checkbox" {
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
         handleOnChange: (event: any) => void;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
         protected get inputStyle(): any;
-        protected renderCheckbox(isChecked: boolean, otherItem: JSX.Element | null): JSX.Element;
+        protected renderCheckbox(isChecked: boolean, otherItem: React.JSX.Element | null): React.JSX.Element;
         componentDidMount(): void;
         componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_ranking" {
+    import * as React from "react";
     import { ReactSurveyElement, SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionRankingModel, ItemValue } from "src/entries/core";
     export class SurveyQuestionRanking extends SurveyQuestionElementBase {
         protected get question(): QuestionRankingModel;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
         protected getItems(choices?: any, unrankedItem?: boolean): Array<any>;
-        protected renderItem(item: ItemValue, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: PointerEvent) => void, handlePointerUp: (event: PointerEvent) => void, cssClasses: any, itemClass: string, question: QuestionRankingModel, unrankedItem?: boolean): JSX.Element;
+        protected renderItem(item: ItemValue, i: number, handleKeydown: (event: any) => void, handlePointerDown: (event: PointerEvent) => void, handlePointerUp: (event: PointerEvent) => void, cssClasses: any, itemClass: string, question: QuestionRankingModel, unrankedItem?: boolean): React.JSX.Element;
     }
     export class SurveyQuestionRankingItem extends ReactSurveyElement {
         protected get text(): string;
@@ -28072,16 +28144,17 @@ declare module "packages/survey-react-ui/src/reactquestion_ranking" {
         protected get question(): any;
         protected get unrankedItem(): any;
         protected get item(): any;
-        protected renderEmptyIcon(): JSX.Element;
-        protected renderElement(): JSX.Element;
+        protected renderEmptyIcon(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyQuestionRankingItemContent extends ReactSurveyElement {
         protected get item(): ItemValue;
         protected get cssClasses(): any;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/rating/rating-item" {
+    import React from "react";
     import { Base, QuestionRatingModel, RenderedRatingItem } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export interface IRatingItemProps {
@@ -28100,23 +28173,26 @@ declare module "packages/survey-react-ui/src/components/rating/rating-item" {
         handleOnMouseDown(event: any): void;
     }
     export class RatingItem extends RatingItemBase {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
         componentDidMount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/components/rating/rating-item-star" {
+    import React from "react";
     import { RatingItemBase } from "packages/survey-react-ui/src/components/rating/rating-item";
     export class RatingItemStar extends RatingItemBase {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/rating/rating-item-smiley" {
+    import React from "react";
     import { RatingItemBase } from "packages/survey-react-ui/src/components/rating/rating-item";
     export class RatingItemSmiley extends RatingItemBase {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/rating/rating-dropdown-item" {
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IRatingItemProps {
         item: any;
@@ -28124,11 +28200,12 @@ declare module "packages/survey-react-ui/src/components/rating/rating-dropdown-i
     export class RatingDropdownItem extends SurveyElementBase<IRatingItemProps, any> {
         get item(): any;
         getStateElement(): any;
-        render(): JSX.Element | null;
-        renderDescription(item: any): JSX.Element;
+        render(): React.JSX.Element | null;
+        renderDescription(item: any): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/tagbox-filter" {
+    import * as React from "react";
     import { DropdownMultiSelectListModel, QuestionTagboxModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface ITagboxFilterProps {
@@ -28148,10 +28225,11 @@ declare module "packages/survey-react-ui/src/tagbox-filter" {
         onFocus(e: any): void;
         constructor(props: any);
         getStateElement(): DropdownMultiSelectListModel;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/dropdown-item" {
+    import * as React from "react";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { Base } from "src/entries/core";
     export class SurveyQuestionOptionItem extends ReactSurveyElement {
@@ -28163,10 +28241,11 @@ declare module "packages/survey-react-ui/src/dropdown-item" {
         protected getStateElement(): Base;
         private get item();
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/dropdown-base" {
+    import * as React from "react";
     import { Question, DropdownListModel } from "src/entries/core";
     import { SurveyQuestionUncontrolledElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionDropdownBase<T extends Question> extends SurveyQuestionUncontrolledElement<T> {
@@ -28180,13 +28259,13 @@ declare module "packages/survey-react-ui/src/dropdown-base" {
         protected getStateElement(): any;
         protected setValueCore(newValue: any): void;
         protected getValueCore(): any;
-        protected renderReadOnlyElement(): JSX.Element | null;
-        protected renderSelect(cssClasses: any): JSX.Element;
-        renderValueElement(dropdownListModel: DropdownListModel): JSX.Element | null;
-        protected renderInput(dropdownListModel: DropdownListModel): JSX.Element;
-        createClearButton(): JSX.Element | null;
-        createChevronButton(): JSX.Element | null;
-        protected renderOther(cssClasses: any): JSX.Element;
+        protected renderReadOnlyElement(): React.JSX.Element | null;
+        protected renderSelect(cssClasses: any): React.JSX.Element;
+        renderValueElement(dropdownListModel: DropdownListModel): React.JSX.Element | null;
+        protected renderInput(dropdownListModel: DropdownListModel): React.JSX.Element;
+        createClearButton(): React.JSX.Element | null;
+        createChevronButton(): React.JSX.Element | null;
+        protected renderOther(cssClasses: any): React.JSX.Element;
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentDidMount(): void;
         componentWillUnmount(): void;
@@ -28194,14 +28273,16 @@ declare module "packages/survey-react-ui/src/dropdown-base" {
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_dropdown" {
+    import * as React from "react";
     import { Question } from "src/entries/core";
     import { SurveyQuestionDropdownBase } from "packages/survey-react-ui/src/dropdown-base";
     export class SurveyQuestionDropdown extends SurveyQuestionDropdownBase<Question> {
         constructor(props: any);
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/tagbox-item" {
+    import * as React from "react";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionTagboxModel, ItemValue } from "src/entries/core";
     export class SurveyQuestionTagboxItem extends ReactSurveyElement {
@@ -28209,28 +28290,31 @@ declare module "packages/survey-react-ui/src/tagbox-item" {
         protected get question(): QuestionTagboxModel;
         protected get item(): ItemValue;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_tagbox" {
+    import * as React from "react";
     import { QuestionTagboxModel, DropdownListModel } from "src/entries/core";
     import { SurveyQuestionDropdownBase } from "packages/survey-react-ui/src/dropdown-base";
     export class SurveyQuestionTagbox extends SurveyQuestionDropdownBase<QuestionTagboxModel> {
         constructor(props: any);
-        protected renderItem(key: string, item: any): JSX.Element;
-        protected renderInput(dropdownListModel: DropdownListModel): JSX.Element;
-        protected renderElement(): JSX.Element;
-        protected renderReadOnlyElement(): JSX.Element | null;
+        protected renderItem(key: string, item: any): React.JSX.Element;
+        protected renderInput(dropdownListModel: DropdownListModel): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderReadOnlyElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/dropdown-select" {
+    import * as React from "react";
     import { SurveyQuestionDropdown } from "packages/survey-react-ui/src/reactquestion_dropdown";
     export class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
         constructor(props: any);
-        protected renderSelect(cssClasses: any): JSX.Element;
+        protected renderSelect(cssClasses: any): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_matrix" {
+    import * as React from "react";
     import { ReactSurveyElement, SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionMatrixModel, Base } from "src/entries/core";
     export class SurveyQuestionMatrix extends SurveyQuestionElementBase {
@@ -28238,17 +28322,17 @@ declare module "packages/survey-react-ui/src/reactquestion_matrix" {
         protected get question(): QuestionMatrixModel;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyQuestionMatrixRow extends ReactSurveyElement {
         constructor(props: any);
         protected getStateElement(): Base | null;
         private get question();
         private get row();
-        protected wrapCell(cell: any, element: JSX.Element, reason: string): JSX.Element;
+        protected wrapCell(cell: any, element: React.JSX.Element, reason: string): React.JSX.Element;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
-        generateTds(): Array<JSX.Element>;
+        protected renderElement(): React.JSX.Element;
+        generateTds(): Array<React.JSX.Element>;
         cellClick(row: any, column: any): void;
     }
     export class SurveyQuestionMatrixCell extends ReactSurveyElement {
@@ -28260,11 +28344,12 @@ declare module "packages/survey-react-ui/src/reactquestion_matrix" {
         private get column();
         private get columnIndex();
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
-        protected renderInput(inputId: string, isChecked: boolean): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderInput(inputId: string, isChecked: boolean): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_html" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionHtmlModel } from "src/entries/core";
     export class SurveyQuestionHtml extends SurveyQuestionElementBase {
@@ -28275,40 +28360,43 @@ declare module "packages/survey-react-ui/src/reactquestion_html" {
         componentDidUpdate(prevProps: any, prevState: any): void;
         private reactOnStrChanged;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/loading-indicator" {
     import * as React from "react";
     export class LoadingIndicatorComponent extends React.Component<any, any> {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/file/file-choose-button" {
+    import React from "react";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionFileModel } from "src/entries/core";
     export class SurveyFileChooseButton extends ReactSurveyElement {
         constructor(props: any);
         protected get question(): QuestionFileModel;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_file" {
+    import * as React from "react";
     import { QuestionFileModel } from "src/entries/core";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionFile extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionFileModel;
-        protected renderElement(): JSX.Element;
-        protected renderFileDecorator(): JSX.Element;
-        protected renderChooseButton(): JSX.Element;
-        protected renderClearButton(className: string): JSX.Element | null;
-        protected renderPreview(): JSX.Element;
-        protected renderLoadingIndicator(): JSX.Element;
-        protected renderVideo(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderFileDecorator(): React.JSX.Element;
+        protected renderChooseButton(): React.JSX.Element;
+        protected renderClearButton(className: string): React.JSX.Element | null;
+        protected renderPreview(): React.JSX.Element;
+        protected renderLoadingIndicator(): React.JSX.Element;
+        protected renderVideo(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/file/file-item" {
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionFileModel } from "src/entries/core";
     export class SurveyFileItem extends SurveyElementBase<{
@@ -28317,12 +28405,13 @@ declare module "packages/survey-react-ui/src/components/file/file-item" {
     }, {}> {
         protected get question(): QuestionFileModel;
         protected get item(): any;
-        protected renderFileSign(className: string, val: any): JSX.Element | null;
-        protected renderElement(): JSX.Element | null;
+        protected renderFileSign(className: string, val: any): React.JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
         protected canRender(): boolean;
     }
 }
 declare module "packages/survey-react-ui/src/components/file/file-page" {
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionFileModel, QuestionFilePage } from "src/entries/core";
     export class SurveyFilePage extends SurveyElementBase<{
@@ -28331,22 +28420,24 @@ declare module "packages/survey-react-ui/src/components/file/file-page" {
     }, {}> {
         protected get question(): QuestionFileModel;
         protected get page(): any;
-        protected renderElement(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/file/file-preview" {
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionFileModel } from "src/entries/core";
     export class SurveyFilePreview extends SurveyElementBase<{
         question: QuestionFileModel;
     }, {}> {
         protected get question(): QuestionFileModel;
-        protected renderFileSign(className: string, val: any): JSX.Element | null;
-        protected renderElement(): JSX.Element | null;
+        protected renderFileSign(className: string, val: any): React.JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
         protected canRender(): boolean;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_multipletext" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { SurveyQuestionAndErrorsWrapped } from "packages/survey-react-ui/src/reactquestion";
     import { QuestionMultipleTextModel, MultipleTextItemModel, MultipleTextCell } from "src/entries/core";
@@ -28354,35 +28445,36 @@ declare module "packages/survey-react-ui/src/reactquestion_multipletext" {
     export class SurveyQuestionMultipleText extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionMultipleTextModel;
-        protected renderElement(): JSX.Element;
-        protected renderCell(cell: MultipleTextCell, cssClasses: any, index: number): JSX.Element;
-        protected renderRow(rowIndex: number, cells: Array<MultipleTextCell>, cssClasses: any): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderCell(cell: MultipleTextCell, cssClasses: any, index: number): React.JSX.Element;
+        protected renderRow(rowIndex: number, cells: Array<MultipleTextCell>, cssClasses: any): React.JSX.Element;
     }
     export class SurveyMultipleTextItem extends ReactSurveyElement {
         private get question();
         private get item();
         protected getStateElements(): (import("survey-core").MultipleTextEditorModel | MultipleTextItemModel)[];
         private get creator();
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyMultipleTextItemEditor extends SurveyQuestionAndErrorsWrapped {
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_radiogroup" {
+    import * as React from "react";
     import { SurveyQuestionElementBase, ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionRadiogroupModel, ItemValue, Base } from "src/entries/core";
     export class SurveyQuestionRadiogroup extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionRadiogroupModel;
-        protected renderElement(): JSX.Element;
-        protected getFooter(): JSX.Element[];
-        protected getColumnedBody(cssClasses: any): JSX.Element;
-        protected getColumns(cssClasses: any): JSX.Element[];
-        protected getBody(cssClasses: any): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected getFooter(): React.JSX.Element[];
+        protected getColumnedBody(cssClasses: any): React.JSX.Element;
+        protected getColumns(cssClasses: any): React.JSX.Element[];
+        protected getBody(cssClasses: any): React.JSX.Element;
         protected getItems(cssClasses: any, choices: Array<ItemValue>): Array<any>;
         protected get textStyle(): any;
-        protected renderOther(cssClasses: any): JSX.Element;
+        protected renderOther(cssClasses: any): React.JSX.Element;
         private renderItem;
         private getStateValue;
     }
@@ -28401,18 +28493,19 @@ declare module "packages/survey-react-ui/src/reactquestion_radiogroup" {
         handleOnMouseDown(event: any): void;
         protected canRender(): boolean;
         componentDidUpdate(prevProps: any, prevState: any): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
         componentDidMount(): void;
         componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_text" {
+    import * as React from "react";
     import { SurveyQuestionUncontrolledElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionTextModel } from "src/entries/core";
     export class SurveyQuestionText extends SurveyQuestionUncontrolledElement<QuestionTextModel> {
         constructor(props: any);
-        protected renderInput(): JSX.Element;
-        protected renderElement(): JSX.Element;
+        protected renderInput(): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
         protected setValueCore(newValue: any): void;
         protected getValueCore(): any;
         private renderDataList;
@@ -28434,35 +28527,39 @@ declare module "packages/survey-react-ui/src/boolean" {
         handleOnLabelClick(event: any, value: boolean): void;
         handleOnKeyDown(event: any): void;
         protected updateDomElement(): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/boolean-checkbox" {
+    import * as React from "react";
     import { SurveyQuestionBoolean } from "packages/survey-react-ui/src/boolean";
     export class SurveyQuestionBooleanCheckbox extends SurveyQuestionBoolean {
         constructor(props: any);
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/boolean-radio" {
+    import * as React from "react";
     import { SurveyQuestionBoolean } from "packages/survey-react-ui/src/boolean";
     export class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
         constructor(props: any);
         private renderRadioItem;
         handleOnChange: (event: any) => void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_empty" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionEmptyModel } from "src/entries/core";
     export class SurveyQuestionEmpty extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionEmptyModel;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/matrix/row" {
+    import React from "react";
     import { QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownModelBase } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IMatrixRowProps {
@@ -28479,18 +28576,20 @@ declare module "packages/survey-react-ui/src/components/matrix/row" {
         componentDidMount(): void;
         componentWillUnmount(): void;
         shouldComponentUpdate(nextProps: any, nextState: any): boolean;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/matrix-actions/drag-drop-icon/drag-drop-icon" {
+    import React from "react";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionMatrixDynamicDragDropIcon extends ReactSurveyElement {
         private get question();
-        protected renderElement(): JSX.Element | null;
-        protected renderIcon(): JSX.Element;
+        protected renderElement(): React.JSX.Element | null;
+        protected renderIcon(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_matrixdropdownbase" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { SurveyQuestionAndErrorsCell } from "packages/survey-react-ui/src/reactquestion";
     import { QuestionMatrixDropdownModelBase, Question } from "src/entries/core";
@@ -28501,8 +28600,8 @@ declare module "packages/survey-react-ui/src/reactquestion_matrixdropdownbase" {
         private updateStateOnCallback;
         componentDidMount(): void;
         componentWillUnmount(): void;
-        protected renderElement(): JSX.Element;
-        renderTableDiv(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        renderTableDiv(): React.JSX.Element;
     }
     export class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {
         constructor(props: any);
@@ -28513,9 +28612,9 @@ declare module "packages/survey-react-ui/src/reactquestion_matrixdropdownbase" {
         protected getShowErrors(): boolean;
         protected getCellStyle(): any;
         protected getHeaderText(): string;
-        protected renderElement(): JSX.Element | null;
-        protected renderCellContent(): JSX.Element;
-        protected renderQuestion(): JSX.Element;
+        protected renderElement(): React.JSX.Element | null;
+        protected renderCellContent(): React.JSX.Element;
+        protected renderQuestion(): React.JSX.Element;
         private renderOtherComment;
         private renderCellCheckboxButton;
         private renderCellRadiogroupButton;
@@ -28528,6 +28627,7 @@ declare module "packages/survey-react-ui/src/reactquestion_matrixdropdown" {
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_matrixdynamic" {
+    import * as React from "react";
     import { SurveyQuestionMatrixDropdownBase } from "packages/survey-react-ui/src/reactquestion_matrixdropdownbase";
     import { QuestionMatrixDynamicModel } from "src/entries/core";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
@@ -28535,20 +28635,21 @@ declare module "packages/survey-react-ui/src/reactquestion_matrixdynamic" {
         constructor(props: any);
         protected get matrix(): QuestionMatrixDynamicModel;
         handleOnRowAddClick(event: any): void;
-        protected renderElement(): JSX.Element;
-        protected renderAddRowButtonOnTop(cssClasses: any): JSX.Element | null;
-        protected renderAddRowButtonOnBottom(cssClasses: any): JSX.Element | null;
-        protected renderNoRowsContent(cssClasses: any): JSX.Element;
-        protected renderAddRowButton(cssClasses: any, isEmptySection?: boolean): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderAddRowButtonOnTop(cssClasses: any): React.JSX.Element | null;
+        protected renderAddRowButtonOnBottom(cssClasses: any): React.JSX.Element | null;
+        protected renderNoRowsContent(cssClasses: any): React.JSX.Element;
+        protected renderAddRowButton(cssClasses: any, isEmptySection?: boolean): React.JSX.Element;
     }
     export class SurveyQuestionMatrixDynamicAddButton extends ReactSurveyElement {
         constructor(props: any);
         protected get matrix(): QuestionMatrixDynamicModel;
         handleOnRowAddClick(event: any): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn" {
+    import React from "react";
     import { QuestionPanelDynamicModel } from "src/entries/core";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionPanelDynamicAction extends ReactSurveyElement {
@@ -28558,30 +28659,34 @@ declare module "packages/survey-react-ui/src/components/paneldynamic-actions/pan
     }
     export class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicAction {
         protected handleClick: (event: any) => void;
-        protected renderElement(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-next-btn" {
+    import React from "react";
     import { SurveyQuestionPanelDynamicAction } from "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn";
     export class SurveyQuestionPanelDynamicNextButton extends SurveyQuestionPanelDynamicAction {
         protected handleClick: (event: any) => void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-prev-btn" {
+    import React from "react";
     import { SurveyQuestionPanelDynamicAction } from "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn";
     export class SurveyQuestionPanelDynamicPrevButton extends SurveyQuestionPanelDynamicAction {
         protected handleClick: (event: any) => void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-progress-text" {
+    import React from "react";
     import { SurveyQuestionPanelDynamicAction } from "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn";
     export class SurveyQuestionPanelDynamicProgressText extends SurveyQuestionPanelDynamicAction {
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_paneldynamic" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { SurveyModel, QuestionPanelDynamicModel } from "src/entries/core";
     import { SurveyPanel } from "packages/survey-react-ui/src/panel";
@@ -28591,36 +28696,38 @@ declare module "packages/survey-react-ui/src/reactquestion_paneldynamic" {
         componentDidMount(): void;
         componentWillUnmount(): void;
         private updateQuestionRendering;
-        protected renderElement(): JSX.Element;
-        protected renderNavigator(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element;
+        protected renderNavigator(): React.JSX.Element | null;
         private renderProgressText;
-        protected rendrerPrevButton(): JSX.Element;
-        protected rendrerNextButton(): JSX.Element;
-        protected renderRange(): JSX.Element;
-        protected renderAddRowButton(): JSX.Element | null;
-        protected renderNavigatorV2(): JSX.Element | null;
-        protected renderPlaceholder(): JSX.Element | null;
+        protected rendrerPrevButton(): React.JSX.Element;
+        protected rendrerNextButton(): React.JSX.Element;
+        protected renderRange(): React.JSX.Element;
+        protected renderAddRowButton(): React.JSX.Element | null;
+        protected renderNavigatorV2(): React.JSX.Element | null;
+        protected renderPlaceholder(): React.JSX.Element | null;
     }
     export class SurveyQuestionPanelDynamicItem extends SurveyPanel {
         private get question();
         private get index();
         protected getSurvey(): SurveyModel | null;
         protected getCss(): any;
-        render(): JSX.Element;
-        protected renderButton(): JSX.Element | null;
+        render(): React.JSX.Element;
+        protected renderButton(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/progress" {
+    import * as React from "react";
     import { SurveyNavigationBase } from "packages/survey-react-ui/src/reactSurveyNavigationBase";
     export class SurveyProgress extends SurveyNavigationBase {
         constructor(props: any);
         protected get isTop(): boolean;
         protected get progress(): number;
         protected get progressText(): string;
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/progressButtons" {
+    import * as React from "react";
     import { ProgressButtons, PageModel, IProgressButtonsViewModel } from "src/entries/core";
     import { SurveyNavigationBase } from "packages/survey-react-ui/src/reactSurveyNavigationBase";
     export class SurveyProgressButtons extends SurveyNavigationBase implements IProgressButtonsViewModel {
@@ -28632,15 +28739,16 @@ declare module "packages/survey-react-ui/src/progressButtons" {
         onResize(canShowItemTitles: boolean): void;
         onUpdateScroller(hasScroller: boolean): void;
         onUpdateSettings(): void;
-        render(): JSX.Element;
-        protected getListElements(): JSX.Element[];
-        protected renderListElement(page: PageModel, index: number): JSX.Element;
+        render(): React.JSX.Element;
+        protected getListElements(): React.JSX.Element[];
+        protected renderListElement(page: PageModel, index: number): React.JSX.Element;
         protected clickScrollButton(listContainerElement: Element | null, isLeftScroll: boolean): void;
         componentDidMount(): void;
         componentWillUnmount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/components/list/list-item" {
+    import React from "react";
     import { ListModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IListItemProps {
@@ -28652,11 +28760,12 @@ declare module "packages/survey-react-ui/src/components/list/list-item" {
         get item(): any;
         handleKeydown: (event: any) => void;
         getStateElement(): any;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
         componentDidMount(): void;
     }
 }
 declare module "packages/survey-react-ui/src/components/list/list" {
+    import React from "react";
     import { ListModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IListProps {
@@ -28672,49 +28781,54 @@ declare module "packages/survey-react-ui/src/components/list/list" {
         componentDidMount(): void;
         componentDidUpdate(prevProps: any, prevState: any): void;
         componentWillUnmount(): void;
-        renderElement(): JSX.Element;
-        renderList(): JSX.Element;
-        renderItems(): JSX.Element[];
-        searchElementContent(): JSX.Element;
-        emptyContent(): JSX.Element;
+        renderElement(): React.JSX.Element;
+        renderList(): React.JSX.Element;
+        renderItems(): React.JSX.Element[];
+        searchElementContent(): React.JSX.Element;
+        emptyContent(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/progressToc" {
+    import * as React from "react";
     import { SurveyNavigationBase } from "packages/survey-react-ui/src/reactSurveyNavigationBase";
     export class SurveyProgressToc extends SurveyNavigationBase {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_rating" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionRatingModel } from "src/entries/core";
     export class SurveyQuestionRating extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionRatingModel;
         handleOnClick(event: any): void;
-        protected renderItem(item: any, index: Number): JSX.Element;
-        protected renderElement(): JSX.Element;
+        protected renderItem(item: any, index: Number): React.JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/rating-dropdown" {
+    import * as React from "react";
     import { QuestionRatingModel } from "src/entries/core";
     import { SurveyQuestionDropdownBase } from "packages/survey-react-ui/src/dropdown-base";
     export * from "packages/survey-react-ui/src/components/rating/rating-dropdown-item";
     export class SurveyQuestionRatingDropdown extends SurveyQuestionDropdownBase<QuestionRatingModel> {
         constructor(props: any);
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_expression" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionExpressionModel } from "src/entries/core";
     export class SurveyQuestionExpression extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionExpressionModel;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/react-popup-survey" {
+    import * as React from "react";
     import { Base, PopupSurveyModel } from "src/entries/core";
     import { Survey } from "packages/survey-react-ui/src/reactSurvey";
     export class PopupSurvey extends Survey {
@@ -28723,14 +28837,14 @@ declare module "packages/survey-react-ui/src/react-popup-survey" {
         protected getStateElements(): Array<Base>;
         handleOnExpanded(event: any): void;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
-        protected renderWindowHeader(): JSX.Element;
-        protected renderTitleCollapsed(popup: PopupSurveyModel): JSX.Element | null;
-        protected renderExpandIcon(): JSX.Element;
-        protected renderCollapseIcon(): JSX.Element;
-        protected renderCloseButton(popup: PopupSurveyModel): JSX.Element;
-        protected renderAllowFullScreenButon(popup: PopupSurveyModel): JSX.Element;
-        protected renderBody(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
+        protected renderWindowHeader(): React.JSX.Element;
+        protected renderTitleCollapsed(popup: PopupSurveyModel): React.JSX.Element | null;
+        protected renderExpandIcon(): React.JSX.Element;
+        protected renderCollapseIcon(): React.JSX.Element;
+        protected renderCloseButton(popup: PopupSurveyModel): React.JSX.Element;
+        protected renderAllowFullScreenButon(popup: PopupSurveyModel): React.JSX.Element;
+        protected renderBody(): React.JSX.Element;
         protected createSurvey(newProps: any): void;
     }
     /**
@@ -28740,16 +28854,17 @@ declare module "packages/survey-react-ui/src/react-popup-survey" {
     }
 }
 declare module "packages/survey-react-ui/src/imagepicker" {
+    import * as React from "react";
     import { ReactSurveyElement, SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionImagePickerModel, ImageItemValue } from "src/entries/core";
     export class SurveyQuestionImagePicker extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionImagePickerModel;
-        protected renderElement(): JSX.Element;
-        protected getColumns(cssClasses: any): JSX.Element[];
+        protected renderElement(): React.JSX.Element;
+        protected getColumns(cssClasses: any): React.JSX.Element[];
         protected getItems(cssClasses: any): Array<any>;
         protected get textStyle(): any;
-        protected renderItem(key: string, item: ImageItemValue, cssClasses: any): JSX.Element;
+        protected renderItem(key: string, item: ImageItemValue, cssClasses: any): React.JSX.Element;
     }
     export class SurveyQuestionImagePickerItem extends ReactSurveyElement {
         constructor(props: any);
@@ -28762,10 +28877,11 @@ declare module "packages/survey-react-ui/src/imagepicker" {
         protected get item(): any;
         protected get question(): any;
         handleOnChange(event: any): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/image" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionImageModel } from "src/entries/core";
     export class SurveyQuestionImage extends SurveyQuestionElementBase {
@@ -28773,31 +28889,33 @@ declare module "packages/survey-react-ui/src/image" {
         componentDidMount(): void;
         componentWillUnmount(): void;
         protected get question(): QuestionImageModel;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/signaturepad" {
+    import * as React from "react";
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionSignaturePadModel } from "src/entries/core";
     export class SurveyQuestionSignaturePad extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionSignaturePadModel;
-        protected renderElement(): JSX.Element;
-        renderBackgroundImage(): JSX.Element | null;
-        protected renderLoadingIndicator(): JSX.Element;
-        renderCleanButton(): JSX.Element | null;
+        protected renderElement(): React.JSX.Element;
+        renderBackgroundImage(): React.JSX.Element | null;
+        protected renderLoadingIndicator(): React.JSX.Element;
+        renderCleanButton(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_buttongroup" {
     import { SurveyQuestionElementBase } from "packages/survey-react-ui/src/reactquestion_element";
+    import React from "react";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     import { QuestionButtonGroupModel, ButtonGroupItemValue, ButtonGroupItemModel } from "src/entries/core";
     export class SurveyQuestionButtonGroup extends SurveyQuestionElementBase {
         constructor(props: any);
         protected get question(): QuestionButtonGroupModel;
         getStateElement(): QuestionButtonGroupModel;
-        renderElement(): JSX.Element;
-        renderItems(): JSX.Element[];
+        renderElement(): React.JSX.Element;
+        renderItems(): React.JSX.Element[];
     }
     export class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
         model: ButtonGroupItemModel;
@@ -28806,27 +28924,29 @@ declare module "packages/survey-react-ui/src/reactquestion_buttongroup" {
         get question(): QuestionButtonGroupModel;
         get item(): ButtonGroupItemValue;
         getStateElement(): ButtonGroupItemValue;
-        renderElement(): JSX.Element;
-        protected renderIcon(): JSX.Element;
-        protected renderInput(): JSX.Element;
-        protected renderCaption(): JSX.Element;
+        renderElement(): React.JSX.Element;
+        protected renderIcon(): React.JSX.Element;
+        protected renderInput(): React.JSX.Element;
+        protected renderCaption(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/reactquestion_custom" {
+    import * as React from "react";
     import { SurveyQuestionUncontrolledElement } from "packages/survey-react-ui/src/reactquestion_element";
     import { Base, QuestionCustomModel, QuestionCompositeModel } from "src/entries/core";
     export class SurveyQuestionCustom extends SurveyQuestionUncontrolledElement<QuestionCustomModel> {
         constructor(props: any);
         protected getStateElements(): Array<Base>;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
     export class SurveyQuestionComposite extends SurveyQuestionUncontrolledElement<QuestionCompositeModel> {
         constructor(props: any);
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/list/list-item-content" {
+    import React from "react";
     import { ListModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IListItemProps {
@@ -28837,10 +28957,11 @@ declare module "packages/survey-react-ui/src/components/list/list-item-content"
         get model(): ListModel;
         get item(): any;
         getStateElement(): any;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/list/list-item-group" {
+    import React from "react";
     import { ListModel } from "src/entries/core";
     import { SurveyElementBase } from "packages/survey-react-ui/src/reactquestion_element";
     interface IListItemProps {
@@ -28851,7 +28972,7 @@ declare module "packages/survey-react-ui/src/components/list/list-item-group" {
         get model(): ListModel;
         get item(): any;
         getStateElement(): any;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/survey-header/logo-image" {
@@ -28863,20 +28984,22 @@ declare module "packages/survey-react-ui/src/components/survey-header/logo-image
     export class LogoImage extends React.Component<ILogoImageProps, any> {
         constructor(props: ILogoImageProps);
         private get survey();
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/matrix-actions/remove-button/remove-button" {
+    import React from "react";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionMatrixDynamicRemoveButton extends ReactSurveyElement {
         constructor(props: any);
         private get question();
         private get row();
         handleOnRowRemoveClick(event: any): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/matrix-actions/detail-button/detail-button" {
+    import React from "react";
     import { Action } from "src/entries/core";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyQuestionMatrixDetailButton extends ReactSurveyElement {
@@ -28886,23 +29009,25 @@ declare module "packages/survey-react-ui/src/components/matrix-actions/detail-bu
         private get question();
         private get row();
         handleOnShowHideClick(event: any): void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-remove-btn" {
+    import React from "react";
     import { SurveyQuestionPanelDynamicAction } from "packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn";
     export class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuestionPanelDynamicAction {
         protected handleClick: (event: any) => void;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/survey-actions/survey-nav-button" {
+    import React from "react";
     import { Action } from "src/entries/core";
     import { ReactSurveyElement } from "packages/survey-react-ui/src/reactquestion_element";
     export class SurveyNavigationButton extends ReactSurveyElement {
         protected get item(): Action;
         protected canRender(): boolean;
-        protected renderElement(): JSX.Element;
+        protected renderElement(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/string-viewer" {
@@ -28918,8 +29043,8 @@ declare module "packages/survey-react-ui/src/string-viewer" {
         private isRendering;
         private onChangedHandler;
         private reactOnStrChanged;
-        render(): JSX.Element | null;
-        protected renderString(): JSX.Element;
+        render(): React.JSX.Element | null;
+        protected renderString(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/question-error" {
@@ -28931,13 +29056,13 @@ declare module "packages/survey-react-ui/src/components/question-error" {
         element: any;
     }
     export class QuestionErrorComponent extends React.Component<IQuestionErrorComponentProps, any> {
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/components/skeleton" {
     import React from "react";
     export class Skeleton extends React.Component<any, any> {
-        render(): JSX.Element;
+        render(): React.JSX.Element;
     }
 }
 declare module "packages/survey-react-ui/src/components/header" {
@@ -28951,17 +29076,17 @@ declare module "packages/survey-react-ui/src/components/header" {
     export class HeaderMobile extends React.Component<any, any> {
         get model(): Cover;
         private renderLogoImage;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
     export class HeaderCell extends React.Component<any, any> {
         get model(): CoverCell;
         private renderLogoImage;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
     export class Header extends SurveyElementBase<ILayoutElementProps<Cover>, any> {
         get model(): Cover;
         protected getStateElement(): Base;
-        renderElement(): JSX.Element | null;
+        renderElement(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/src/string-editor" {
@@ -28974,7 +29099,7 @@ declare module "packages/survey-react-ui/src/string-editor" {
         componentWillUnmount(): void;
         onInput: (event: any) => void;
         onClick: (event: any) => void;
-        render(): JSX.Element | null;
+        render(): React.JSX.Element | null;
     }
 }
 declare module "packages/survey-react-ui/entries/react-ui-model" {