survey-creator-react 3.0.0-beta.0 → 3.0.0-beta.1

package/README.md

@@ -4,7 +4,7 @@
 <video src="https://github.com/surveyjs/survey-creator/assets/22315929/884eeb5b-68e6-4d38-a8f9-d2483e6ce386"></video>
 
 
-[![Build Status](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_apis/build/status/SurveyJS%20Creator?branchName=master)](https://dev.azure.com/SurveyJS/SurveyJS%20Integration%20Tests/_build/latest?definitionId=8&branchName=master)
+[![Build Status](https://dev.azure.com/SurveyJS/V2%20Libraries/_apis/build/status%2Fcreator%2FCreator%20Main?repoName=surveyjs%2Fsurvey-creator&branchName=master)](https://dev.azure.com/SurveyJS/V2%20Libraries/_build/latest?definitionId=149&repoName=surveyjs%2Fsurvey-creator&branchName=master)
 <a href="https://www.npmjs.com/package/survey-creator"><img alt="NPM Version" src="https://img.shields.io/npm/v/survey-creator.svg" data-canonical-src="https://img.shields.io/npm/v/survey-creator.svg" style="max-width:100%;"></a>
 
 A visual designer that enables you and your users to create and modify surveys and forms in your React application.

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v3.0.0-beta.0
+ * SurveyJS Creator v3.0.0-beta.1
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -194,17 +194,11 @@ class SurveyCreatorComponent extends SurveyElementBase {
     }
     renderActiveTab() {
         const creator = this.props.creator;
-        for (var i = 0; i < creator.tabs.length; i++) {
-            if (creator.tabs[i].id === creator.activeTab) {
-                return this.renderCreatorTab(creator.tabs[i]);
-            }
-        }
-        return null;
+        return this.renderCreatorTab(creator.activeTabMenuItem);
     }
     renderCreatorTab(tab) {
-        if (tab.visible === false) {
+        if (!tab)
             return null;
-        }
         const creator = this.props.creator;
         const component = !!tab.renderTab
             ? tab.renderTab()
@@ -1024,19 +1018,34 @@ ReactQuestionFactory.Instance.registerQuestion("linkvalue", (props) => {
 });
 
 class SurveyElementEmbeddedSurvey extends SurveyQuestionElementBase {
+    constructor() {
+        super(...arguments);
+        this.rootRef = React.createRef();
+    }
     get embeddedSurvey() {
-        return (this.props.element || this.props.question);
+        const element = (this.props.element || this.props.question);
+        if (!element)
+            return null;
+        const survey = element.embeddedSurvey;
+        if (!survey || !survey.currentPage)
+            return null;
+        return survey;
     }
     get creator() {
         return this.props.creator;
     }
+    componentDidMount() {
+        super.componentDidMount();
+        if (this.embeddedSurvey) {
+            this.embeddedSurvey.rootElement = this.rootRef.current;
+        }
+    }
     render() {
-        if (!this.embeddedSurvey)
-            return null;
-        const survey = this.embeddedSurvey.embeddedSurvey;
-        if (!survey || !survey.currentPage)
+        const survey = this.embeddedSurvey;
+        if (!survey)
             return null;
-        return React.createElement(SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator });
+        return React.createElement("div", { style: { display: "contents" }, ref: this.rootRef },
+            React.createElement(SurveyPage, { survey: survey, page: survey.currentPage, css: survey.css, creator: this.creator }));
     }
 }
 ReactQuestionFactory.Instance.registerQuestion("embeddedsurvey", (props) => {
@@ -1605,9 +1614,12 @@ class SearchComponent extends SurveyElementBase {
         if (!this.model.isVisible)
             return null;
         const onChange = (e) => {
-            const { root } = settings.environment;
-            if (e.target === root.activeElement) {
-                this.model.filterString = e.target.value;
+            const target = e.target;
+            const root = (target === null || target === void 0 ? void 0 : target.getRootNode()) || settings.environment.root;
+            if (!(root instanceof Document || root instanceof ShadowRoot))
+                return;
+            if (target === root.activeElement) {
+                this.model.filterString = target.value;
             }
         };
         return (React.createElement("div", { className: "svc-search" },
@@ -2898,36 +2910,6 @@ ReactQuestionFactory.Instance.registerQuestion("fileedit", (props) => {
     return React.createElement(SurveyQuestionFileEditor, props);
 });
 
-class SurveyQuestionTextWithReset extends SurveyQuestionElementBase {
-    get question() {
-        return this.questionBase;
-    }
-    renderElement() {
-        const textElement = this.renderInput();
-        const resetButton = this.renderResetButton();
-        return (React.createElement("div", { className: this.question.getRootClass() },
-            textElement,
-            resetButton));
-    }
-    renderInput() {
-        return ReactQuestionFactory.Instance.createQuestion(this.question.wrappedQuestionTemplate, {
-            question: this.question,
-            isDisplayMode: this.question.isInputReadOnly,
-            creator: this,
-        });
-    }
-    renderResetButton() {
-        return (React.createElement("button", { className: this.question.cssClasses.resetButton, disabled: this.question.resetValueAdorner.isDisabled, title: this.question.resetValueAdorner.caption, onClick: () => this.question.resetValueAdorner.resetValue() },
-            React.createElement(SvgIcon, { iconName: this.question.cssClasses.resetButtonIcon, size: "auto" })));
-    }
-}
-ReactQuestionFactory.Instance.registerQuestion("textwithreset", (props) => {
-    return React.createElement(SurveyQuestionTextWithReset, props);
-});
-ReactQuestionFactory.Instance.registerQuestion("commentwithreset", (props) => {
-    return React.createElement(SurveyQuestionTextWithReset, props);
-});
-
 class SurveyQuestionBooleanSwitch extends SurveyQuestionElementBase {
     renderElement() {
         const button = attachKey2click(React.createElement("div", { className: "spg-boolean-switch__button" + (this.questionBase.booleanValue ? " spg-boolean-switch__button--checked" : ""), tabIndex: 0, role: "checkbox", "aria-checked": this.questionBase.booleanValue || false, "aria-required": this.questionBase.a11y_input_ariaRequired, "aria-label": this.questionBase.a11y_input_ariaLabel, "aria-labelledby": this.questionBase.a11y_input_ariaLabelledBy, "aria-invalid": this.questionBase.a11y_input_ariaInvalid, "aria-errormessage": this.questionBase.a11y_input_ariaErrormessage },
@@ -2947,8 +2929,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"3.0.0-beta.0"}`;
-checkLibraryVersion(`${"3.0.0-beta.0"}`, "survey-creator-react");
+Version = `${"3.0.0-beta.1"}`;
+checkLibraryVersion(`${"3.0.0-beta.1"}`, "survey-creator-react");
 
-export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, ComponentContainer, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyQuestionTextWithReset, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
+export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, ComponentContainer, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map