Fix React imports

packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ActionDropdownViewModel, getActionDropdownButtonTarget } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { Popup } from "../popup/popup";

packages/survey-react-ui/src/components/action-bar/action-bar-item.tsx

@@ -1,5 +1,5 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
+import * as ReactDOM from "react-dom";
 import { Base, Action } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";
@@ -58,7 +58,7 @@ export class SurveyAction extends SurveyElementBase<IActionBarItemProps, any> {
     super.componentDidMount();
     this.item.updateModeCallback = (mode, callback) => {
       queueMicrotask(() => {
-        if((ReactDOM as any)["flushSync"]) {
+        if ((ReactDOM as any)["flushSync"]) {
           (ReactDOM as any)["flushSync"](() => {
             this.item.mode = mode;
           });

packages/survey-react-ui/src/components/action-bar/action-bar-separator.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 
 export class SurveyActionBarSeparator extends React.Component<any, any> {

packages/survey-react-ui/src/components/action-bar/action-bar.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import {
   Base,
   Action,
@@ -36,7 +36,7 @@ export class SurveyActionBar extends SurveyElementBase<IActionBarProps, any> {
     super.componentDidMount();
     if (!this.model.hasActions) return;
     const container: HTMLDivElement | null = this.rootRef.current;
-    if(!!container) {
+    if (!!container) {
       this.model.initResponsivityManager(container, (callback) => { setTimeout(callback, 100); });
     }
   }
@@ -46,12 +46,12 @@ export class SurveyActionBar extends SurveyElementBase<IActionBarProps, any> {
   }
   componentDidUpdate(prevProps: IActionBarProps, prevState: any): void {
     super.componentDidUpdate(prevProps, prevState);
-    if(prevProps.model != this.props.model) {
+    if (prevProps.model != this.props.model) {
       prevProps.model.resetResponsivityManager();
     }
     if (!!this.model.hasActions) {
       const container: HTMLDivElement | null = this.rootRef.current;
-      if(!!container) {
+      if (!!container) {
         this.model.initResponsivityManager(container, (callback) => { setTimeout(callback, 100); });
       }
     }
@@ -68,7 +68,7 @@ export class SurveyActionBar extends SurveyElementBase<IActionBarProps, any> {
       <div
         ref={this.rootRef}
         className={this.model.getRootCss()}
-        onClick={this.handleClick ? function(event) {
+        onClick={this.handleClick ? function (event) {
           event.stopPropagation();
         } : undefined}
       >

packages/survey-react-ui/src/components/brand-info.tsx

@@ -1,10 +1,10 @@
-import React from "react";
+import * as React from "react";
 
 export class BrandInfo extends React.Component<any, any> {
   render() {
     return (
       <div className="sv-brand-info">
-        <a className="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg"/></a>
+        <a className="sv-brand-info__logo" href="https://surveyjs.io/?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=landing_page"><img src="https://surveyjs.io/Content/Images/poweredby.svg" /></a>
         <div className="sv-brand-info__text">Try and see how easy it is to <a href="https://surveyjs.io/create-survey?utm_source=built-in_links&utm_medium=online_survey_tool&utm_campaign=create_survey">create a survey</a></div>
         <div className="sv-brand-info__terms"><a href="https://surveyjs.io/TermsOfUse">Terms of Use & Privacy Statement</a></div>
       </div>

packages/survey-react-ui/src/components/character-counter.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Base, CharacterCounter } from "survey-core";
 import { ReactElementFactory } from "../element-factory";
 import { SurveyElementBase } from "../reactquestion_element";

packages/survey-react-ui/src/components/components-container.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ISurveyLayoutElement } from "survey-core";
 import { ReactElementFactory } from "../element-factory";
 

packages/survey-react-ui/src/components/file/file-choose-button.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { attachKey2click } from "../../reactSurvey";
 import { ReactSurveyElement } from "../../reactquestion_element";
 import { QuestionFileModel } from "survey-core";
@@ -21,7 +21,7 @@ export class SurveyFileChooseButton extends ReactSurveyElement {
         aria-label={this.question.chooseButtonText}
         onClick={(e) => this.question.chooseFile(e.nativeEvent)}
       >
-        {(!!this.question.cssClasses.chooseFileIconId) ? <SvgIcon title={this.question.chooseButtonText} iconName={this.question.cssClasses.chooseFileIconId} size={"auto"}></SvgIcon>: null }
+        {(!!this.question.cssClasses.chooseFileIconId) ? <SvgIcon title={this.question.chooseButtonText} iconName={this.question.cssClasses.chooseFileIconId} size={"auto"}></SvgIcon> : null}
         <span>{this.question.chooseButtonText}</span>
       </label>
     );

packages/survey-react-ui/src/components/file/file-item.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyElementBase } from "../../reactquestion_element";
 import { QuestionFileModel } from "survey-core";
 import { SvgIcon } from "../svg-icon/svg-icon";

packages/survey-react-ui/src/components/file/file-page.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyElementBase } from "../../reactquestion_element";
 import { QuestionFileModel, QuestionFilePage } from "survey-core";
 import { SurveyFileItem } from "./file-item";

packages/survey-react-ui/src/components/file/file-preview.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyElementBase } from "../../reactquestion_element";
 import { QuestionFileModel } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";

packages/survey-react-ui/src/components/header.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Base, SurveyModel, Cover, CoverCell } from "survey-core";
 import { SurveyElementBase } from "../reactquestion_element";
 import { ReactElementFactory } from "../element-factory";

packages/survey-react-ui/src/components/list/list-item-content.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ListModel } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/list/list-item-group.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ListModel } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/list/list-item.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ListModel } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/list/list.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { IAction, ListModel, settings } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";
@@ -33,25 +33,25 @@ export class List extends SurveyElementBase<IListProps, any> {
   }
   componentDidMount(): void {
     super.componentDidMount();
-    if(!!this.listContainerRef && !!this.listContainerRef.current) {
+    if (!!this.listContainerRef && !!this.listContainerRef.current) {
       this.model.initListContainerHtmlElement(this.listContainerRef.current);
     }
   }
   public componentDidUpdate(prevProps: any, prevState: any): void {
     super.componentDidUpdate(prevProps, prevState);
     if (this.model !== prevProps.model) {
-      if(this.model && !!this.listContainerRef?.current) {
+      if (this.model && !!this.listContainerRef?.current) {
         this.model.initListContainerHtmlElement(this.listContainerRef.current);
       }
-      if(prevProps.model) {
+      if (prevProps.model) {
         prevProps.model.initListContainerHtmlElement(undefined as any);
       }
     }
   }
 
   componentWillUnmount(): void {
     super.componentWillUnmount();
-    if(!!this.model) {
+    if (!!this.model) {
       this.model.initListContainerHtmlElement(undefined as any);
     }
   }
@@ -65,7 +65,7 @@ export class List extends SurveyElementBase<IListProps, any> {
     );
   }
   renderList() {
-    if(!this.model.renderElements) return null;
+    if (!this.model.renderElements) return null;
 
     const items = this.renderItems();
     const ulStyle = { display: this.model.isEmpty ? "none" : null };

packages/survey-react-ui/src/components/matrix-actions/detail-button/detail-button.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Action, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase } from "survey-core";
 import { ReactElementFactory } from "../../../element-factory";
 import { ReactSurveyElement } from "../../../reactquestion_element";

packages/survey-react-ui/src/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { QuestionMatrixDropdownModelBase } from "survey-core";
 import { ReactElementFactory } from "../../../element-factory";
 import { ReactSurveyElement } from "../../../reactquestion_element";

packages/survey-react-ui/src/components/matrix-actions/remove-button/remove-button.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import {
   MatrixDropdownRowModelBase,
   QuestionMatrixDropdownModelBase,

packages/survey-react-ui/src/components/matrix/row.tsx

@@ -1,5 +1,4 @@
-import React from "react";
-import ReactDOM from "react-dom";
+import * as React from "react";
 import { QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownModelBase } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";
@@ -29,7 +28,7 @@ export class MatrixRow extends SurveyElementBase<IMatrixRowProps, any> {
 
   componentDidMount(): void {
     super.componentDidMount();
-    if(this.root.current) {
+    if (this.root.current) {
       this.model.setRootElement(this.root.current);
     }
   }
@@ -42,10 +41,10 @@ export class MatrixRow extends SurveyElementBase<IMatrixRowProps, any> {
   public shouldComponentUpdate(nextProps: any, nextState: any): boolean {
     if (!super.shouldComponentUpdate(nextProps, nextState)) return false;
     if (nextProps.model !== this.model) {
-      if(nextProps.element) {
+      if (nextProps.element) {
         nextProps.element.setRootElement(this.root.current);
       }
-      if(this.model) {
+      if (this.model) {
         this.model.setRootElement(undefined as any);
       }
     }
@@ -54,7 +53,7 @@ export class MatrixRow extends SurveyElementBase<IMatrixRowProps, any> {
 
   render() {
     const model = this.model;
-    if(!model.visible) return null;
+    if (!model.visible) return null;
     return (
       <tr
         ref={this.root}

packages/survey-react-ui/src/components/notifier.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Base, Notifier } from "survey-core";
 import { SurveyElementBase } from "../reactquestion_element";
 import { ReactElementFactory } from "../element-factory";

packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-add-btn.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import {
   QuestionPanelDynamicModel
 } from "survey-core";

packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-next-btn.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { SvgIcon } from "../svg-icon/svg-icon";
 import { SurveyQuestionPanelDynamicAction } from "./paneldynamic-add-btn";

packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-prev-btn.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { SvgIcon } from "../svg-icon/svg-icon";
 import { SurveyQuestionPanelDynamicAction } from "./paneldynamic-add-btn";

packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-progress-text.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyQuestionPanelDynamicAction } from "./paneldynamic-add-btn";
 

packages/survey-react-ui/src/components/paneldynamic-actions/paneldynamic-remove-btn.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyQuestionPanelDynamicAction } from "./paneldynamic-add-btn";
 

packages/survey-react-ui/src/components/popup/popup-modal.tsx

@@ -1,5 +1,5 @@
 import { createPortal } from "react-dom";
-import React from "react";
+import * as React from "react";
 import { PopupContainer } from "./popup";
 import { SurveyElementBase } from "../../reactquestion_element";
 import { createPopupModalViewModel, IDialogOptions, PopupBaseViewModel, settings } from "survey-core";

packages/survey-react-ui/src/components/popup/popup.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Base, PopupModel, PopupBaseViewModel, PopupDropdownViewModel, createPopupViewModel, CssClassBuilder } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/question-error.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyError } from "survey-core";
 import { ReactElementFactory } from "../element-factory";
 import { SurveyLocStringViewer } from "../string-viewer";

packages/survey-react-ui/src/components/rating/rating-dropdown-item.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";
 

packages/survey-react-ui/src/components/rating/rating-item-smiley.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { QuestionRatingModel, RenderedRatingItem } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/rating/rating-item-star.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { QuestionRatingModel, RenderedRatingItem } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/rating/rating-item.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Base, QuestionRatingModel, RenderedRatingItem } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyElementBase } from "../../reactquestion_element";

packages/survey-react-ui/src/components/skeleton.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../element-factory";
 
 export class Skeleton extends React.Component<any, any> {

packages/survey-react-ui/src/components/survey-actions/survey-nav-button.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { Action } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { ReactSurveyElement } from "../../reactquestion_element";

packages/survey-react-ui/src/components/survey-header/logo-image.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyModel } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 

packages/survey-react-ui/src/components/survey-header/survey-header.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyModel } from "survey-core";
 import { SurveyElementBase } from "../../reactquestion_element";
 import { ReactElementFactory } from "../../element-factory";

packages/survey-react-ui/src/components/svg-icon/svg-icon.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { ReactElementFactory } from "../../element-factory";
 import { createSvg } from "survey-core";
 
@@ -10,7 +10,7 @@ export class SvgIcon extends React.Component<any, any> {
   }
 
   updateSvg() {
-    if(this.props.iconName)
+    if (this.props.iconName)
       createSvg(
         this.props.size,
         this.props.width,
@@ -25,12 +25,12 @@ export class SvgIcon extends React.Component<any, any> {
   }
   render() {
     let className = "sv-svg-icon";
-    if(this.props.className) {
+    if (this.props.className) {
       className += " " + this.props.className;
     }
     return (
       this.props.iconName ?
-        <svg className={ className } style={this.props.style} onClick={this.props.onClick} ref={this.svgIconRef} role="img"><use></use></svg>
+        <svg className={className} style={this.props.style} onClick={this.props.onClick} ref={this.svgIconRef} role="img"><use></use></svg>
         : null
     );
   }

packages/survey-react-ui/src/components/text-area.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { TextAreaModel } from "survey-core";
 import { ReactElementFactory } from "../element-factory";
 import { SurveyElementBase } from "../reactquestion_element";

packages/survey-react-ui/src/components/title/title-actions.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import * as React from "react";
 import { SurveyElement, RendererFactory } from "survey-core";
 import { ReactElementFactory } from "../../element-factory";
 import { SurveyActionBar } from "../action-bar/action-bar";