diff --git a/packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx b/packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx index 4764a438d4..79db01f157 100644 --- a/packages/survey-react-ui/src/components/action-bar/action-bar-item-dropdown.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/action-bar/action-bar-item.tsx b/packages/survey-react-ui/src/components/action-bar/action-bar-item.tsx index 95689325e9..97469363f9 100644 --- a/packages/survey-react-ui/src/components/action-bar/action-bar-item.tsx +++ b/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 { 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; }); diff --git a/packages/survey-react-ui/src/components/action-bar/action-bar-separator.tsx b/packages/survey-react-ui/src/components/action-bar/action-bar-separator.tsx index 0e9012477a..3fc367fdbe 100644 --- a/packages/survey-react-ui/src/components/action-bar/action-bar-separator.tsx +++ b/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 { diff --git a/packages/survey-react-ui/src/components/action-bar/action-bar.tsx b/packages/survey-react-ui/src/components/action-bar/action-bar.tsx index 727893802f..f98521a805 100644 --- a/packages/survey-react-ui/src/components/action-bar/action-bar.tsx +++ b/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 { 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 { } 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 {
diff --git a/packages/survey-react-ui/src/components/brand-info.tsx b/packages/survey-react-ui/src/components/brand-info.tsx index 5994a645b2..9e7722bed5 100644 --- a/packages/survey-react-ui/src/components/brand-info.tsx +++ b/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 { render() { return (
- +
Try and see how easy it is to create a survey
diff --git a/packages/survey-react-ui/src/components/character-counter.tsx b/packages/survey-react-ui/src/components/character-counter.tsx index fbde781f7a..49db8a4804 100644 --- a/packages/survey-react-ui/src/components/character-counter.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/components-container.tsx b/packages/survey-react-ui/src/components/components-container.tsx index af195d1e23..c686de7739 100644 --- a/packages/survey-react-ui/src/components/components-container.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/file/file-choose-button.tsx b/packages/survey-react-ui/src/components/file/file-choose-button.tsx index a417a58e9a..b979d9e7e9 100644 --- a/packages/survey-react-ui/src/components/file/file-choose-button.tsx +++ b/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) ? : null } + {(!!this.question.cssClasses.chooseFileIconId) ? : null} {this.question.chooseButtonText} ); diff --git a/packages/survey-react-ui/src/components/file/file-item.tsx b/packages/survey-react-ui/src/components/file/file-item.tsx index 30bcc951b9..df0ed5c3d4 100644 --- a/packages/survey-react-ui/src/components/file/file-item.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/file/file-page.tsx b/packages/survey-react-ui/src/components/file/file-page.tsx index 60ab9aacd9..d7b52fce3b 100644 --- a/packages/survey-react-ui/src/components/file/file-page.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/file/file-preview.tsx b/packages/survey-react-ui/src/components/file/file-preview.tsx index 83329d04bd..cb3f3d8416 100644 --- a/packages/survey-react-ui/src/components/file/file-preview.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/header.tsx b/packages/survey-react-ui/src/components/header.tsx index a627863b22..d7f7a057d8 100644 --- a/packages/survey-react-ui/src/components/header.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/list/list-item-content.tsx b/packages/survey-react-ui/src/components/list/list-item-content.tsx index e01430330e..58b30bbb55 100644 --- a/packages/survey-react-ui/src/components/list/list-item-content.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/list/list-item-group.tsx b/packages/survey-react-ui/src/components/list/list-item-group.tsx index ea454fe072..6b30f22218 100644 --- a/packages/survey-react-ui/src/components/list/list-item-group.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/list/list-item.tsx b/packages/survey-react-ui/src/components/list/list-item.tsx index 7b875edaac..055964d433 100644 --- a/packages/survey-react-ui/src/components/list/list-item.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/list/list.tsx b/packages/survey-react-ui/src/components/list/list.tsx index f9deabcdfa..cdb24fbe20 100644 --- a/packages/survey-react-ui/src/components/list/list.tsx +++ b/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,17 +33,17 @@ export class List extends SurveyElementBase { } 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); } } @@ -51,7 +51,7 @@ export class List extends SurveyElementBase { 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 { ); } 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 }; diff --git a/packages/survey-react-ui/src/components/matrix-actions/detail-button/detail-button.tsx b/packages/survey-react-ui/src/components/matrix-actions/detail-button/detail-button.tsx index f7ab4d0f1b..fde9414862 100644 --- a/packages/survey-react-ui/src/components/matrix-actions/detail-button/detail-button.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx b/packages/survey-react-ui/src/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx index b2444f1adb..7b8f917529 100644 --- a/packages/survey-react-ui/src/components/matrix-actions/drag-drop-icon/drag-drop-icon.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/matrix-actions/remove-button/remove-button.tsx b/packages/survey-react-ui/src/components/matrix-actions/remove-button/remove-button.tsx index b06896ba09..3be9f66c31 100644 --- a/packages/survey-react-ui/src/components/matrix-actions/remove-button/remove-button.tsx +++ b/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, diff --git a/packages/survey-react-ui/src/components/matrix/row.tsx b/packages/survey-react-ui/src/components/matrix/row.tsx index 174f4c6eee..b38710a9ed 100644 --- a/packages/survey-react-ui/src/components/matrix/row.tsx +++ b/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 { 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 { 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 { render() { const model = this.model; - if(!model.visible) return null; + if (!model.visible) return null; return ( { diff --git a/packages/survey-react-ui/src/components/survey-actions/survey-nav-button.tsx b/packages/survey-react-ui/src/components/survey-actions/survey-nav-button.tsx index cb371faacf..27daaac853 100644 --- a/packages/survey-react-ui/src/components/survey-actions/survey-nav-button.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/survey-header/logo-image.tsx b/packages/survey-react-ui/src/components/survey-header/logo-image.tsx index 96c142c5f6..a1857b067e 100644 --- a/packages/survey-react-ui/src/components/survey-header/logo-image.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/survey-header/survey-header.tsx b/packages/survey-react-ui/src/components/survey-header/survey-header.tsx index 9c197e761a..e52129deb8 100644 --- a/packages/survey-react-ui/src/components/survey-header/survey-header.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/svg-icon/svg-icon.tsx b/packages/survey-react-ui/src/components/svg-icon/svg-icon.tsx index bedb6ed62e..694da66075 100644 --- a/packages/survey-react-ui/src/components/svg-icon/svg-icon.tsx +++ b/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 { } 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 { } render() { let className = "sv-svg-icon"; - if(this.props.className) { + if (this.props.className) { className += " " + this.props.className; } return ( this.props.iconName ? - + : null ); } diff --git a/packages/survey-react-ui/src/components/text-area.tsx b/packages/survey-react-ui/src/components/text-area.tsx index f0adb51c03..549d99ec84 100644 --- a/packages/survey-react-ui/src/components/text-area.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/title/title-actions.tsx b/packages/survey-react-ui/src/components/title/title-actions.tsx index 6ba819d911..2d2047288f 100644 --- a/packages/survey-react-ui/src/components/title/title-actions.tsx +++ b/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"; diff --git a/packages/survey-react-ui/src/components/title/title-content.tsx b/packages/survey-react-ui/src/components/title/title-content.tsx index 27ced51458..83e6d47dac 100644 --- a/packages/survey-react-ui/src/components/title/title-content.tsx +++ b/packages/survey-react-ui/src/components/title/title-content.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import * as React from "react"; import { SurveyElementCore, ITitleOwner } from "survey-core"; import { SurveyElementBase } from "../../reactquestion_element"; diff --git a/packages/survey-react-ui/src/components/title/title-element.tsx b/packages/survey-react-ui/src/components/title/title-element.tsx index 9da043c0ad..cbf568c4de 100644 --- a/packages/survey-react-ui/src/components/title/title-element.tsx +++ b/packages/survey-react-ui/src/components/title/title-element.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import * as React from "react"; import { SurveyElement, SurveyElementCore, doKey2ClickUp } from "survey-core"; import { TitleActions } from "./title-actions"; import { SvgIcon } from "../svg-icon/svg-icon"; diff --git a/packages/survey-react-ui/src/element-header.tsx b/packages/survey-react-ui/src/element-header.tsx index 14d8f3b888..8e8ecd90ac 100644 --- a/packages/survey-react-ui/src/element-header.tsx +++ b/packages/survey-react-ui/src/element-header.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import * as React from "react"; import { Question, PanelModel, Base } from "survey-core"; import { SurveyActionBar } from "./components/action-bar/action-bar"; import { TitleElement } from "./components/title/title-element"; diff --git a/packages/survey-react-ui/src/reactquestion_buttongroup.tsx b/packages/survey-react-ui/src/reactquestion_buttongroup.tsx index a23494ef14..97e3bcf8f5 100644 --- a/packages/survey-react-ui/src/reactquestion_buttongroup.tsx +++ b/packages/survey-react-ui/src/reactquestion_buttongroup.tsx @@ -1,5 +1,5 @@ import { SurveyQuestionElementBase } from "./reactquestion_element"; -import React from "react"; +import * as React from "react"; import { ReactElementFactory } from "./element-factory"; import { SurveyElementBase } from "./reactquestion_element"; import { SvgIcon } from "./components/svg-icon/svg-icon"; diff --git a/packages/survey-react-ui/src/string-editor.tsx b/packages/survey-react-ui/src/string-editor.tsx index aa177982a9..7d283f270c 100644 --- a/packages/survey-react-ui/src/string-editor.tsx +++ b/packages/survey-react-ui/src/string-editor.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import * as React from "react"; import { LocalizableString } from "survey-core"; import { ReactElementFactory } from "./element-factory"; diff --git a/packages/survey-react-ui/src/string-viewer.tsx b/packages/survey-react-ui/src/string-viewer.tsx index 6be3c78fbf..370a513964 100644 --- a/packages/survey-react-ui/src/string-viewer.tsx +++ b/packages/survey-react-ui/src/string-viewer.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import * as React from "react"; import { LocalizableString } from "survey-core"; import { ReactElementFactory } from "./element-factory"; diff --git a/packages/survey-react-ui/src/svgbundle.tsx b/packages/survey-react-ui/src/svgbundle.tsx index cff9d1ede4..878f6c448a 100644 --- a/packages/survey-react-ui/src/svgbundle.tsx +++ b/packages/survey-react-ui/src/svgbundle.tsx @@ -1,5 +1,5 @@ -import React from "react"; +import * as React from "react"; import { SvgRegistry } from "survey-core"; export class SvgBundleComponent extends React.Component { diff --git a/packages/survey-react-ui/tsconfig.json b/packages/survey-react-ui/tsconfig.json index 23274ff4b0..d1a77e5772 100644 --- a/packages/survey-react-ui/tsconfig.json +++ b/packages/survey-react-ui/tsconfig.json @@ -10,7 +10,6 @@ ], "sourceMap": true, "noImplicitAny": false, - "allowSyntheticDefaultImports": true, "experimentalDecorators": true, "importHelpers": false, "moduleResolution": "node",