survey-react 1.12.13 → 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;
@@ -951,6 +957,7 @@ declare module "packages/survey-core/src/utils/utils" {
     function findParentByClassNames(element: HTMLElement, classNames: Array<string>): Element;
     export function sanitizeEditableContent(element: any, cleanLineBreaks?: boolean): void;
     function mergeValues(src: any, dest: any): void;
+    function updateListCssValues(res: any, css: any): void;
     export class Logger {
         private _result;
         log(action: string): void;
@@ -983,7 +990,7 @@ declare module "packages/survey-core/src/utils/utils" {
     export function prepareElementForVerticalAnimation(el: HTMLElement): void;
     export function cleanHtmlElementAfterAnimation(el: HTMLElement): void;
     export function roundTo2Decimals(number: number): number;
-    export { mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, activateLazyRenderingChecks, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles, isBase64URL, renamedIcons };
+    export { mergeValues, updateListCssValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, activateLazyRenderingChecks, navigateToUrl, wrapUrlForBackgroundImage, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild, chooseFiles, isBase64URL, renamedIcons };
 }
 declare module "packages/survey-core/src/actions/container" {
     import { Base } from "packages/survey-core/src/base";
@@ -1067,6 +1074,7 @@ declare module "packages/survey-core/src/list" {
         loadingIndicator: string;
         itemSelected: string;
         itemGroup: string;
+        itemGroupSelected: string;
         itemWithIcon: string;
         itemDisabled: string;
         itemFocused: string;
@@ -1092,6 +1100,7 @@ declare module "packages/survey-core/src/list" {
         selectedItem?: IAction;
         elementId?: string;
         locOwner?: ILocalizableOwner;
+        cssClasses?: any;
         onFilterStringChangedCallback?: (text: string) => void;
         onTextSearchCallback?: (item: IAction, textToSearch: string) => boolean;
     }
@@ -1126,11 +1135,13 @@ declare module "packages/survey-core/src/list" {
         get visibleItems(): Array<T>;
         private get shouldProcessFilter();
         private onFilterStringChanged;
+        private updateIsEmpty;
         private scrollToItem;
         constructor(items: Array<IAction> | IListModel, onSelectionChanged?: (item: T, ...params: any[]) => void, allowSelection?: boolean, selectedItem?: IAction, elementId?: string);
         setOnFilterStringChangedCallback(callback: (text: string) => void): void;
         setOnTextSearchCallback(callback: (item: T, textToSearch: string) => boolean): void;
         setItems(items: Array<IAction>, sortByVisibleIndex?: boolean): void;
+        private updateActionsIds;
         setSearchEnabled(newValue: boolean): void;
         protected onSet(): void;
         protected getDefaultCssClasses(): {
@@ -1140,6 +1151,7 @@ declare module "packages/survey-core/src/list" {
             loadingIndicator: string;
             itemSelected: string;
             itemGroup: string;
+            itemGroupSelected: string;
             itemWithIcon: string;
             itemDisabled: string;
             itemFocused: string;
@@ -1167,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;
@@ -1347,7 +1361,6 @@ declare module "packages/survey-core/src/actions/action" {
         elementId?: string;
         items?: Array<IAction>;
         markerIconName?: string;
-        markerIconSize?: number;
         showPopup?: () => void;
         hidePopup?: () => void;
     }
@@ -1387,7 +1400,6 @@ declare module "packages/survey-core/src/actions/action" {
         iconName: string;
         iconSize: number | string;
         markerIconName: string;
-        markerIconSize: number;
         css?: string;
         minDimension: number;
         maxDimension: number;
@@ -1437,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;
@@ -3115,7 +3127,7 @@ declare module "packages/survey-core/src/question_custom" {
         protected createWrapper(): void;
         protected onPropertyValueChanged(name: string, oldValue: any, newValue: any): void;
         itemValuePropertyChanged(item: ItemValue, name: string, oldValue: any, newValue: any): void;
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         onHidingContent(): void;
         getProgressInfo(): IProgressInfo;
         protected abstract getElement(): SurveyElement;
@@ -3398,8 +3410,8 @@ declare module "packages/survey-core/src/panel" {
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         endLoadingFromJson(): void;
         showTitle: boolean;
-        hasTextInTitle: boolean;
-        protected calcHasTextInTitle(): void;
+        get hasTextInTitle(): boolean;
+        private resetHasTextInTitle;
         get hasTitle(): boolean;
         delete(doDispose?: boolean): void;
         private deletePanel;
@@ -3644,7 +3656,7 @@ declare module "packages/survey-core/src/panel" {
         createRowAndSetLazy(index: number): QuestionRowModel;
         createRow(): QuestionRowModel;
         onSurveyLoad(): void;
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         updateRows(): void;
         get rows(): Array<QuestionRowModel>;
         ensureRowsVisibility(): void;
@@ -3808,8 +3820,6 @@ declare module "packages/survey-core/src/panel" {
         getType(): string;
         get contentId(): string;
         getSurvey(live?: boolean): ISurvey;
-        onSurveyLoad(): void;
-        protected onSetData(): void;
         get isPanel(): boolean;
         /**
          * Returns a page to which the panel belongs and allows you to move this panel to a different page.
@@ -3895,7 +3905,9 @@ declare module "packages/survey-core/src/panel" {
         set allowAdaptiveActions(val: boolean);
         get innerPaddingLeft(): string;
         set innerPaddingLeft(val: string);
-        private onIndentChanged;
+        protected calcPaddingLeft(): string;
+        protected calcPaddingRight(): string;
+        protected resetIndents(): void;
         private getIndentSize;
         clearOnDeletingContainer(): void;
         get footerActions(): Array<IAction>;
@@ -4203,6 +4215,7 @@ declare module "packages/survey-core/src/question_file" {
         private cameraValue;
         protected get camera(): Camera;
         canPreviewImage(fileItem: any): boolean;
+        private prevLoadedPreviewValue;
         protected loadPreview(newValue: any): void;
         private allFilesOk;
         private isFileImage;
@@ -4513,8 +4526,8 @@ declare module "packages/survey-core/src/question_baseselect" {
     export class QuestionSelectBase extends Question {
         visibleChoicesChangedCallback: () => void;
         loadedChoicesFromServerCallback: () => void;
-        otherTextAreaModel: TextAreaModel;
         renderedChoicesChangedCallback: () => void;
+        private otherTextAreaModelValue;
         private filteredChoicesValue;
         private conditionChoicesVisibleIfRunner;
         private conditionChoicesEnableIfRunner;
@@ -4532,10 +4545,11 @@ declare module "packages/survey-core/src/question_baseselect" {
         private waitingGetChoiceDisplayValueResponse;
         private get waitingChoicesByURL();
         protected selectedItemValues: any;
-        private getOtherTextAreaOptions;
         constructor(name: string);
         getType(): string;
         dispose(): void;
+        get otherTextAreaModel(): TextAreaModel;
+        private getOtherTextAreaOptions;
         protected resetDependedQuestion(): void;
         get otherId(): string;
         protected getCommentElementsId(): Array<string>;
@@ -5025,8 +5039,6 @@ declare module "packages/survey-core/src/question_baseselect" {
          */
         get itemComponent(): string;
         set itemComponent(value: string);
-        protected updateCssClasses(res: any, css: any): void;
-        protected calcCssClasses(css: any): any;
     }
     /**
      * A base class for multiple-selection question types that can display choice items in multiple columns ([Checkbox](https://surveyjs.io/form-library/documentation/questioncheckboxmodel), [Radiogroup](https://surveyjs.io/form-library/documentation/questionradiogroupmodel), [Image Picker](https://surveyjs.io/form-library/documentation/questionimagepickermodel)).
@@ -7158,7 +7170,7 @@ declare module "packages/survey-core/src/question_paneldynamic" {
         private get showAddPanelButton();
         private get wasNotRenderedInSurvey();
         private get canBuildPanels();
-        onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         localeChanged(): void;
         runCondition(values: HashTable<any>, properties: HashTable<any>): void;
         runTriggers(name: string, value: any, keys?: any): void;
@@ -8560,7 +8572,6 @@ declare module "packages/survey-core/src/page" {
         get passed(): boolean;
         set passed(val: boolean);
         protected removeFromParent(): void;
-        onFirstRendering(): void;
         /**
          * The visible index of the page. It has values from 0 to visible page count - 1.
          * @see SurveyModel.visiblePages
@@ -8834,7 +8845,6 @@ declare module "packages/survey-core/src/question_textbase" {
     import { CssClassBuilder } from "packages/survey-core/src/utils/cssClassBuilder";
     import { LocalizableString } from "packages/survey-core/src/localizablestring";
     import { Base } from "packages/survey-core/src/base";
-    import { ISurveyImpl } from "packages/survey-core/src/base-interfaces";
     export class CharacterCounter extends Base {
         remainingCharacterCounter: string;
         updateRemainingCharacterCounter(newValue: string, maxLength: number): void;
@@ -8879,13 +8889,10 @@ declare module "packages/survey-core/src/question_textbase" {
         set textUpdateMode(val: string);
         protected getIsInputTextUpdate(): boolean;
         get renderedPlaceholder(): string;
-        protected setRenderedPlaceholder(val: string): void;
         protected onReadOnlyChanged(): void;
-        onSurveyLoad(): void;
         localeChanged(): void;
-        setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
         protected supportEmptyValidation(): boolean;
-        protected calcRenderedPlaceholder(): void;
+        protected resetRenderedPlaceholder(): void;
         protected hasPlaceholder(): boolean;
         protected setNewValue(newValue: any): void;
         protected setQuestionValue(newValue: any, updateIsAnswered?: boolean): void;
@@ -12490,6 +12497,12 @@ declare module "packages/survey-core/src/survey" {
         get width(): string;
         set width(val: string);
         get renderedWidth(): string;
+        widthScale: number;
+        staticStartWidth: number;
+        setStaticStartWidth(width: number): void;
+        responsiveStartWidth: number;
+        setResponsiveStartWidth(width: number): void;
+        get isScaled(): boolean;
         get timerInfo(): {
             spent: number;
             limit?: number;
@@ -12925,9 +12938,10 @@ declare module "packages/survey-core/src/survey-element" {
         set readOnly(val: boolean);
         protected onReadOnlyChanged(): void;
         private get css();
+        private isCssValueCalculating;
         get cssClassesValue(): any;
-        set cssClassesValue(val: any);
         private ensureCssClassesValue;
+        private createCssClassesValue;
         /**
          * Returns an object in which keys are UI elements and values are CSS classes applied to them.
          *
@@ -12982,6 +12996,7 @@ declare module "packages/survey-core/src/survey-element" {
         private wasRenderedValue;
         get wasRendered(): boolean;
         onFirstRendering(): void;
+        protected onFirstRenderingCore(): void;
         endLoadingFromJson(): void;
         setVisibleIndex(index: number): number;
         delete(doDispose: boolean): void;
@@ -13076,9 +13091,11 @@ declare module "packages/survey-core/src/survey-element" {
         set rightIndent(val: number);
         getRootStyle(): object;
         get paddingLeft(): string;
-        set paddingLeft(val: string);
+        protected calcPaddingLeft(): string;
         get paddingRight(): string;
         set paddingRight(val: string);
+        protected calcPaddingRight(): string;
+        protected resetIndents(): void;
         allowRootStyle: boolean;
         rootStyle: any;
         updateRootStyle(): void;
@@ -13253,8 +13270,7 @@ declare module "packages/survey-core/src/question" {
         private isReadyValue;
         private commentElements;
         private dependedQuestions;
-        commentTextAreaModel: TextAreaModel;
-        private getCommentTextAreaOptions;
+        private commentTextAreaModelValue;
         /**
          * An event that is raised when the question's ready state has changed (expressions are evaluated, choices are loaded from a web resource specified by the `choicesByUrl` property, etc.).
          *
@@ -13282,6 +13298,8 @@ declare module "packages/survey-core/src/question" {
         constructor(name: string);
         protected getDefaultTitle(): string;
         protected createLocTitleProperty(): LocalizableString;
+        get commentTextAreaModel(): TextAreaModel;
+        private getCommentTextAreaOptions;
         getSurvey(live?: boolean): ISurvey;
         getValueName(): string;
         /**
@@ -13553,7 +13571,7 @@ declare module "packages/survey-core/src/question" {
         get commentPlaceHolder(): string;
         set commentPlaceHolder(newValue: string);
         get renderedCommentPlaceholder(): string;
-        private calcRenderedCommentPlaceholder;
+        private resetRenderedCommentPlaceholder;
         getAllErrors(): Array<SurveyError>;
         getErrorByType(errorType: string): SurveyError;
         get customWidget(): QuestionCustomWidget;
@@ -13618,7 +13636,8 @@ declare module "packages/survey-core/src/question" {
         protected updateCssClasses(res: any, css: any): void;
         protected getCssType(): string;
         get renderCssRoot(): string;
-        private onIndentChanged;
+        protected calcPaddingLeft(): string;
+        protected calcPaddingRight(): string;
         private getIndentSize;
         /**
          * Moves focus to the input field of this question.
@@ -15998,7 +16017,7 @@ declare module "packages/survey-core/src/base" {
          * @param name A property name.
          * @param defaultValue *(Optional)* A value to return if the property is not found or does not have a value.
          */
-        getPropertyValue(name: string, defaultValue?: any): any;
+        getPropertyValue(name: string, defaultValue?: any, calcFunc?: () => any): any;
         getDefaultPropertyValue(name: string): any;
         hasDefaultPropertyValue(name: string): boolean;
         resetPropertyValue(name: string): void;
@@ -16994,7 +17013,6 @@ declare module "packages/survey-core/src/dropdownListModel" {
         protected getFocusFirstInputSelector(): string;
         private itemsSettings;
         protected listModel: ListModel<ItemValue>;
-        protected popupCssClasses: string;
         protected listModelFilterStringChanged: (newValue: string) => void;
         private resetItemsSettings;
         private setItems;
@@ -17012,6 +17030,7 @@ declare module "packages/survey-core/src/dropdownListModel" {
         protected setOnTextSearchCallbackForListModel(listModel: ListModel<ItemValue>): void;
         protected createListModel(): ListModel<ItemValue>;
         protected updateAfterListModelCreated(model: ListModel<ItemValue>): void;
+        protected getPopupCssClasses(): string;
         updateCssClasses(popupCssClass: string, listCssClasses: any): void;
         protected resetFilterString(): void;
         clear(): void;
@@ -17196,12 +17215,15 @@ declare module "packages/survey-core/src/question_dropdown" {
          */
         choicesLazyLoadPageSize: number;
         getControlClass(): string;
+        protected updateCssClasses(res: any, css: any): void;
+        protected calcCssClasses(css: any): any;
         suggestedItem: ItemValue;
         get selectedItemLocText(): LocalizableString;
         get inputFieldComponentName(): string;
         get showSelectedItemLocText(): boolean;
         get showInputFieldComponent(): boolean;
         private get selectedItemText();
+        private get useDropdownList();
         get dropdownListModel(): DropdownListModel;
         set dropdownListModel(val: DropdownListModel);
         get popupModel(): PopupModel;
@@ -17687,7 +17709,6 @@ declare module "packages/survey-core/src/dropdownMultiSelectListModel" {
     import { MultiSelectListModel } from "packages/survey-core/src/multiSelectListModel";
     import { Question } from "packages/survey-core/src/question";
     export class DropdownMultiSelectListModel extends DropdownListModel {
-        protected popupCssClasses: string;
         filterStringPlaceholder: string;
         closeOnSelect: boolean;
         locStrsChanged(): void;
@@ -17695,6 +17716,7 @@ declare module "packages/survey-core/src/dropdownMultiSelectListModel" {
         private syncFilterStringPlaceholder;
         private getSelectedActions;
         protected getFocusFirstInputSelector(): string;
+        protected getPopupCssClasses(): string;
         protected createListModel(): MultiSelectListModel<ItemValue>;
         protected resetFilterString(): void;
         previousValue: any;
@@ -17732,16 +17754,15 @@ declare module "packages/survey-core/src/question_tagbox" {
      * [View Demo](https://surveyjs.io/form-library/examples/how-to-create-multiselect-tag-box/ (linkStyle))
      */
     export class QuestionTagboxModel extends QuestionCheckboxModel {
-        dropdownListModel: DropdownMultiSelectListModel;
+        private dropdownListModelValue;
         private itemDisplayNameMap;
         private deselectAllItemText;
         constructor(name: string);
         locStrsChanged(): void;
         private updateReadOnlyText;
         protected getDefaultItemComponent(): string;
-        onSurveyLoad(): void;
-        protected onSetData(): void;
-        private createDropdownListModel;
+        get dropdownListModel(): DropdownMultiSelectListModel;
+        set dropdownListModel(val: DropdownMultiSelectListModel);
         /**
          * Specifies a comparison operation used to filter the drop-down list. Applies only if [`searchEnabled`](#searchEnabled) is `true`.
          *
@@ -17797,6 +17818,8 @@ declare module "packages/survey-core/src/question_tagbox" {
         get ariaRole(): string;
         get popupModel(): PopupModel;
         getControlClass(): string;
+        protected updateCssClasses(res: any, css: any): void;
+        protected calcCssClasses(css: any): any;
         onOpened: EventBase<QuestionTagboxModel>;
         onOpenedCallBack(): void;
         protected hasUnknownValue(val: any, includeOther?: boolean, isFilteredChoices?: boolean, checkEmptyValue?: boolean): boolean;
@@ -18203,9 +18226,10 @@ declare module "packages/survey-core/src/question_comment" {
      */
     export class QuestionCommentModel extends QuestionTextBase {
         private element;
-        textAreaModel: TextAreaModel;
-        private getTextAreaOptions;
+        private textAreaModelValue;
         constructor(name: string);
+        get textAreaModel(): TextAreaModel;
+        private getTextAreaOptions;
         /**
          * Specifies the visible height of the comment area, measured in lines.
          *
@@ -20408,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";
@@ -27338,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 {
@@ -27372,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 {
@@ -27389,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;
@@ -27421,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" {
@@ -27431,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;
     }
 }
@@ -27439,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 {
@@ -27451,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 {
@@ -27480,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);
@@ -27489,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";
@@ -27530,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" {
@@ -27540,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;
     }
 }
@@ -27551,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" {
@@ -27559,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" {
@@ -27575,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;
@@ -27593,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);
@@ -27612,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;
@@ -27626,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);
@@ -27651,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" {
@@ -27659,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;
@@ -27671,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;
@@ -27685,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;
@@ -27709,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;
     }
@@ -27724,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> {
@@ -27739,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> {
@@ -27756,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" {
@@ -27788,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" {
@@ -27819,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 {
@@ -27837,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" {
@@ -27854,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 {
@@ -27872,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;
@@ -27893,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";
@@ -27913,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";
@@ -27947,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 {
@@ -27955,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 {
@@ -27985,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;
@@ -28029,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;
@@ -28058,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 {
@@ -28086,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;
@@ -28110,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 {
@@ -28134,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 {
@@ -28149,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> {
@@ -28166,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;
@@ -28180,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 {
@@ -28195,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 {
@@ -28224,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 {
@@ -28246,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 {
@@ -28261,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<{
@@ -28303,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<{
@@ -28317,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";
@@ -28340,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;
     }
@@ -28387,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;
@@ -28420,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 {
@@ -28465,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";
@@ -28487,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);
@@ -28499,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;
@@ -28514,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";
@@ -28521,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 {
@@ -28544,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";
@@ -28577,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 {
@@ -28618,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 {
@@ -28638,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 {
@@ -28658,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 {
@@ -28709,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;
     }
     /**
@@ -28726,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);
@@ -28748,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 {
@@ -28759,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;
@@ -28792,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 {
@@ -28823,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 {
@@ -28837,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" {
@@ -28849,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 {
@@ -28872,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" {
@@ -28904,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" {
@@ -28917,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" {
@@ -28937,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" {
@@ -28960,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" {