survey-creator-js 2.5.13 → 2.5.15

package/fesm/survey-creator-js.mjs

@@ -1,15 +1,18 @@
 /*!
- * SurveyJS Creator UI v2.5.13
+ * SurveyJS Creator v2.5.15
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
  */
 
-import * as React from 'survey-js-ui';
-import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, SurveyPanel, createElement, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, Fragment, SurveyQuestionText, preact } from 'survey-js-ui';
+import * as React from 'react';
+import { createElement, Fragment } from 'react';
+import { ReactElementFactory, SurveyElementBase, attachKey2click, SvgIcon, Survey, SvgBundleComponent, PopupModal, SurveyActionBar, NotifierComponent, ReactQuestionFactory, SurveyLocStringViewer, TitleElement, ReactSurveyElementsWrapper, LoadingIndicatorComponent, SurveyPage, Popup, LogoImage, SurveyQuestionElementBase, SurveyQuestion, SurveyPanel, Scroll, CharacterCounterComponent, SurveyQuestionDropdown, SurveyHeader, List, SurveyQuestionText } from 'survey-react-ui';
 import { assign, SurveyCreatorModel, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, PageAdorner, LogoImageViewModel, editorLocalization, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperViewModel, SurveyResultsModel, ToolboxToolViewModel, editableStringRendererName, StringEditorViewModelBase, initLogicOperator, PageNavigatorViewModel } from 'survey-creator-core';
 export { PropertyGridEditorCollection, SurveyLogic, SurveyLogicUI, SurveyQuestionEditorDefinition, ToolboxToolViewModel, editorLocalization, localization, settings, svgBundle } from 'survey-creator-core';
+import * as ReactDOM from 'react-dom';
 import { CssClassBuilder, settings, RendererFactory, unwrap, checkLibraryVersion } from 'survey-core';
+import { preact } from 'survey-js-ui';
 
 class TabbedMenuComponent extends SurveyElementBase {
     get model() {
@@ -79,8 +82,8 @@ class TabbedMenuItemWrapper extends SurveyElementBase {
                 }
             };
             queueMicrotask(() => {
-                if (React["flushSync"]) {
-                    React["flushSync"](() => {
+                if (ReactDOM["flushSync"]) {
+                    ReactDOM["flushSync"](() => {
                         update();
                     });
                 }
@@ -1022,19 +1025,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)
+        const survey = this.embeddedSurvey;
+        if (!survey)
             return null;
-        const survey = this.embeddedSurvey.embeddedSurvey;
-        if (!survey || !survey.currentPage)
-            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) => {
@@ -1408,8 +1426,8 @@ class SurveyCreatorToolboxTool extends CreatorModelElement {
         super.componentDidMount();
         this.item.updateModeCallback = (mode, callback) => {
             queueMicrotask(() => {
-                if (React["flushSync"]) {
-                    React["flushSync"](() => {
+                if (ReactDOM["flushSync"]) {
+                    ReactDOM["flushSync"](() => {
                         this.item.mode = mode;
                     });
                 }
@@ -1603,9 +1621,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" },
@@ -2945,13 +2966,14 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.5.13"}`;
-checkLibraryVersion(`${"2.5.13"}`, "survey-creator-react");
+Version = `${"2.5.15"}`;
+checkLibraryVersion(`${"2.5.15"}`, "survey-creator-react");
 
 function renderSurveyCreator(creator, element, props = {}) {
     let node = element;
+    const rootElement = creator.rootElement || document;
     if (typeof element === "string") {
-        node = document.getElementById(element);
+        node = rootElement.querySelector("#" + element);
     }
     const survey = preact.createElement(SurveyCreatorComponent, Object.assign({ creator }, props));
     preact.render(survey, node);