survey-react 1.12.14 → 1.12.15

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;
@@ -1173,7 +1179,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 +1449,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;
@@ -12490,6 +12498,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;
@@ -20422,7 +20432,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 +27362,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 +27397,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 +27415,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 +27449,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 +27459,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 +27467,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 +27480,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 +27510,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 +27519,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 +27562,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 +27572,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 +27583,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 +27591,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 +27607,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 +27625,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 +27644,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 +27658,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 +27683,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 +27691,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 +27703,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 +27717,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 +27741,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 +27756,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 +27772,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 +27790,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 +27822,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 +27854,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 +27873,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 +27890,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 +27909,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 +27930,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 +27951,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 +27985,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 +27994,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 +28026,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 +28071,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 +28101,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 +28130,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 +28157,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 +28182,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 +28198,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 +28216,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 +28230,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 +28247,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 +28279,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 +28301,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 +28317,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 +28362,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 +28377,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 +28402,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 +28450,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 +28484,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 +28533,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 +28557,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 +28569,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 +28584,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 +28592,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 +28616,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 +28653,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 +28696,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 +28717,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 +28738,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 +28794,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 +28811,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 +28834,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 +28846,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 +28881,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 +28914,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 +28929,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 +28941,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 +28966,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 +29000,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 +29013,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 +29033,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 +29056,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" {