survey-react-ui 1.12.14 → 1.12.15

package/typings/packages/survey-react-ui/src/dropdown-base.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { Question, DropdownListModel } from "survey-core";
 import { SurveyQuestionUncontrolledElement } from "./reactquestion_element";
 export declare class SurveyQuestionDropdownBase<T extends Question> extends SurveyQuestionUncontrolledElement<T> {
@@ -12,13 +12,13 @@ export declare class SurveyQuestionDropdownBase<T extends Question> extends Surv
     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;

package/typings/packages/survey-react-ui/src/dropdown-item.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ReactSurveyElement } from "./reactquestion_element";
 import { Base } from "survey-core";
 export declare class SurveyQuestionOptionItem extends ReactSurveyElement {
@@ -10,5 +10,5 @@ export declare class SurveyQuestionOptionItem extends ReactSurveyElement {
     protected getStateElement(): Base;
     private get item();
     protected canRender(): boolean;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/dropdown-select.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyQuestionDropdown } from "./reactquestion_dropdown";
 export declare class SurveyQuestionDropdownSelect extends SurveyQuestionDropdown {
     constructor(props: any);
-    protected renderSelect(cssClasses: any): JSX.Element;
+    protected renderSelect(cssClasses: any): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/element-factory.d.ts

@@ -2,8 +2,8 @@
 export declare 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;
 }

package/typings/packages/survey-react-ui/src/element-header.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 export declare class SurveyElementHeader extends React.Component<any, any> {
     private get element();
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/element.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { IElement } from "survey-core";
 import { SurveyElementBase } from "./reactquestion_element";
 export declare class SurveyRowElement extends SurveyElementBase<any, any> {
@@ -14,6 +14,6 @@ export declare class SurveyRowElement extends SurveyElementBase<any, any> {
     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;
 }

package/typings/packages/survey-react-ui/src/flow-panel.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { FlowPanelModel, Question } from "survey-core";
 import { SurveyPanel } from "./panel";
 export declare class SurveyFlowPanel extends SurveyPanel {
@@ -8,15 +8,15 @@ export declare class SurveyFlowPanel extends SurveyPanel {
     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;
 }

package/typings/packages/survey-react-ui/src/image.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyQuestionElementBase } from "./reactquestion_element";
 import { QuestionImageModel } from "survey-core";
 export declare class SurveyQuestionImage extends SurveyQuestionElementBase {
@@ -6,5 +6,5 @@ export declare class SurveyQuestionImage extends SurveyQuestionElementBase {
     componentDidMount(): void;
     componentWillUnmount(): void;
     protected get question(): QuestionImageModel;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/imagepicker.d.ts

@@ -1,14 +1,14 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ReactSurveyElement, SurveyQuestionElementBase } from "./reactquestion_element";
 import { QuestionImagePickerModel, ImageItemValue } from "survey-core";
 export declare 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 declare class SurveyQuestionImagePickerItem extends ReactSurveyElement {
     constructor(props: any);
@@ -21,5 +21,5 @@ export declare class SurveyQuestionImagePickerItem extends ReactSurveyElement {
     protected get item(): any;
     protected get question(): any;
     handleOnChange(event: any): void;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/page.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from "react";
 import { PageModel, PanelModelBase } from "survey-core";
 import { SurveyPanelBase } from "./panel-base";
 export declare 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;
 }

package/typings/packages/survey-react-ui/src/panel-base.d.ts

@@ -20,6 +20,6 @@ export declare class SurveyPanelBase extends SurveyElementBase<any, any> {
     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;
 }

package/typings/packages/survey-react-ui/src/panel.d.ts

@@ -1,16 +1,16 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyPanelBase } from "./panel-base";
 import { PanelModel } from "survey-core";
 export declare 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;
 }

package/typings/packages/survey-react-ui/src/progress.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyNavigationBase } from "./reactSurveyNavigationBase";
 export declare 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;
 }

package/typings/packages/survey-react-ui/src/progressButtons.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ProgressButtons, PageModel, IProgressButtonsViewModel } from "survey-core";
 import { SurveyNavigationBase } from "./reactSurveyNavigationBase";
 export declare class SurveyProgressButtons extends SurveyNavigationBase implements IProgressButtonsViewModel {
@@ -10,9 +10,9 @@ export declare class SurveyProgressButtons extends SurveyNavigationBase implemen
     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;

package/typings/packages/survey-react-ui/src/progressToc.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyNavigationBase } from "./reactSurveyNavigationBase";
 export declare class SurveyProgressToc extends SurveyNavigationBase {
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/rating-dropdown.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import { QuestionRatingModel } from "survey-core";
 import { SurveyQuestionDropdownBase } from "./dropdown-base";
 export * from "./components/rating/rating-dropdown-item";
 export declare class SurveyQuestionRatingDropdown extends SurveyQuestionDropdownBase<QuestionRatingModel> {
     constructor(props: any);
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/react-popup-survey.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { Base, PopupSurveyModel } from "survey-core";
 import { Survey } from "./reactSurvey";
 export declare class PopupSurvey extends Survey {
@@ -7,14 +7,14 @@ export declare class PopupSurvey extends 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;
 }
 /**

package/typings/packages/survey-react-ui/src/reactSurvey.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { Base, Question, PageModel, SurveyError, SurveyModel, IAttachKey2clickOptions } from "survey-core";
 import { ISurveyCreator } from "./reactquestion";
 import { SurveyElementBase } from "./reactquestion_element";
@@ -19,23 +19,23 @@ export declare class Survey extends SurveyElementBase<any, any> implements ISurv
     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 declare function attachKey2click(element: JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): JSX.Element;
+export declare function attachKey2click(element: React.JSX.Element, viewModel?: any, options?: IAttachKey2clickOptions): React.JSX.Element;

package/typings/packages/survey-react-ui/src/reactquestion.d.ts

@@ -2,14 +2,14 @@ import * as React from "react";
 import { Base, SurveyElement, SurveyError, Question, QuestionMatrixDropdownRenderedCell } from "survey-core";
 import { SurveyElementBase, ReactSurveyElement } from "./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 declare 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;
@@ -20,15 +20,15 @@ export declare class SurveyQuestion extends SurveyElementBase<any, any> {
     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 declare class SurveyElementErrors extends ReactSurveyElement {
     constructor(props: any);
@@ -39,7 +39,7 @@ export declare class SurveyElementErrors extends ReactSurveyElement {
     private getState;
     protected canRender(): boolean;
     componentWillUnmount(): void;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }
 export declare abstract class SurveyQuestionAndErrorsWrapped extends ReactSurveyElement {
     [index: string]: any;
@@ -53,21 +53,21 @@ export declare abstract class SurveyQuestionAndErrorsWrapped extends ReactSurvey
     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 declare 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 declare class SurveyQuestionErrorCell extends React.Component<any, any> {
     constructor(props: any);
@@ -78,5 +78,5 @@ export declare class SurveyQuestionErrorCell extends React.Component<any, any> {
     private unRegisterCallback;
     componentDidUpdate(prevProps: Readonly<any>): void;
     componentWillUnmount(): void;
-    render(): JSX.Element;
+    render(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/reactquestion_buttongroup.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
 import { SurveyQuestionElementBase } from "./reactquestion_element";
+import React from "react";
 import { SurveyElementBase } from "./reactquestion_element";
 import { QuestionButtonGroupModel, ButtonGroupItemValue, ButtonGroupItemModel } from "survey-core";
 export declare 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 declare class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
     model: ButtonGroupItemModel;
@@ -16,8 +16,8 @@ export declare class SurveyButtonGroupItem extends SurveyElementBase<any, any> {
     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;
 }

package/typings/packages/survey-react-ui/src/reactquestion_checkbox.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ReactSurveyElement, SurveyQuestionElementBase } from "./reactquestion_element";
 import { Base, ItemValue, QuestionCheckboxModel } from "survey-core";
 export declare 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 declare class SurveyQuestionCheckboxItem extends ReactSurveyElement {
     private rootRef;
@@ -29,9 +29,9 @@ export declare class SurveyQuestionCheckboxItem extends ReactSurveyElement {
     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;
 }

package/typings/packages/survey-react-ui/src/reactquestion_comment.d.ts

@@ -1,17 +1,17 @@
-/// <reference types="react" />
+import * as React from "react";
 import { ReactSurveyElement, SurveyQuestionUncontrolledElement } from "./reactquestion_element";
 import { QuestionCommentModel, TextAreaModel } from "survey-core";
 export declare class SurveyQuestionComment extends SurveyQuestionUncontrolledElement<QuestionCommentModel> {
     private renderCharacterCounter;
     constructor(props: any);
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }
 export declare 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 declare class SurveyQuestionOtherValueItem extends SurveyQuestionCommentItem {
     protected getTextAreaModel(): TextAreaModel;

package/typings/packages/survey-react-ui/src/reactquestion_custom.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyQuestionUncontrolledElement } from "./reactquestion_element";
 import { Base, QuestionCustomModel, QuestionCompositeModel } from "survey-core";
 export declare class SurveyQuestionCustom extends SurveyQuestionUncontrolledElement<QuestionCustomModel> {
     constructor(props: any);
     protected getStateElements(): Array<Base>;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }
 export declare class SurveyQuestionComposite extends SurveyQuestionUncontrolledElement<QuestionCompositeModel> {
     constructor(props: any);
     protected canRender(): boolean;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/reactquestion_dropdown.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from "react";
 import { Question } from "survey-core";
 import { SurveyQuestionDropdownBase } from "./dropdown-base";
 export declare class SurveyQuestionDropdown extends SurveyQuestionDropdownBase<Question> {
     constructor(props: any);
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/reactquestion_element.d.ts

@@ -2,8 +2,8 @@ import * as React from "react";
 import { Base, PanelModel, LocalizableString, Question } from "survey-core";
 import { ISurveyCreator } from "./reactquestion";
 export declare 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;
@@ -14,13 +14,13 @@ export declare class SurveyElementBase<P, S> extends React.Component<P, S> {
     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;
@@ -28,7 +28,7 @@ export declare class SurveyElementBase<P, S> extends React.Component<P, S> {
     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;
@@ -52,7 +52,7 @@ export declare class SurveyQuestionElementBase extends SurveyElementBase<any, an
     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;
 }

package/typings/packages/survey-react-ui/src/reactquestion_empty.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyQuestionElementBase } from "./reactquestion_element";
 import { QuestionEmptyModel } from "survey-core";
 export declare class SurveyQuestionEmpty extends SurveyQuestionElementBase {
     constructor(props: any);
     protected get question(): QuestionEmptyModel;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/reactquestion_expression.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SurveyQuestionElementBase } from "./reactquestion_element";
 import { QuestionExpressionModel } from "survey-core";
 export declare class SurveyQuestionExpression extends SurveyQuestionElementBase {
     constructor(props: any);
     protected get question(): QuestionExpressionModel;
-    protected renderElement(): JSX.Element;
+    protected renderElement(): React.JSX.Element;
 }

package/typings/packages/survey-react-ui/src/reactquestion_factory.d.ts

@@ -2,7 +2,7 @@
 export declare 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;
 }