survey-creator-react 1.12.59 → 1.12.61

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.5.7
+ * 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
@@ -247,7 +247,7 @@ class SurveyCreator extends SurveyCreatorModel {
         return (React.createElement("div", { key: key },
             React.createElement("span", { className: cssClasses.error.icon, "aria-hidden": "true" }),
             React.createElement("span", { className: cssClasses.error.item },
-                React.createElement(SurveyLocStringViewer, { locStr: error.locText }))));
+                React.createElement(SurveyLocStringViewer, { model: error.locText }))));
     }
     questionTitleLocation() {
         return this.survey.questionTitleLocation;
@@ -1024,19 +1024,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) => {
@@ -1357,7 +1372,7 @@ class SurveyResultsByRow extends CreatorModelElement {
                 React.createElement("td", { key: 1, style: { paddingLeft: this.row.textMargin }, className: "svd-dark-border-color" },
                     this.row.isNode ? (React.createElement("span", { style: { left: this.row.markerMargin }, className: "svd-test-results__marker " + (this.row.collapsed ? "" : "svd-test-results__marker--expanded") },
                         React.createElement(SvgIcon, { iconName: "icon-expand_16x16", size: 16 }))) : null,
-                    this.row.question ? React.createElement(SurveyLocStringViewer, { locStr: this.row.question.locTitle }) : React.createElement("span", null, this.row.title)),
+                    this.row.question ? React.createElement(SurveyLocStringViewer, { model: this.row.question.locTitle }) : React.createElement("span", null, this.row.title)),
                 React.createElement("td", { key: 2, className: this.row.isNode ? "svd-test-results__node-value" : "svd-dark-border-color" }, this.row.getString(this.row.displayValue)))),
             this.row.isNode && !this.row.collapsed ? SurveyResults.renderRows(this.row.data) : null));
     }
@@ -1605,9 +1620,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" },
@@ -2039,10 +2057,10 @@ class SurveyLocStringEditor extends CreatorModelElement {
         return ["creator", "locString"];
     }
     get locString() {
-        return this.props.locStr.locStr;
+        return this.props.model.locStr;
     }
     get creator() {
-        return this.props.locStr.creator;
+        return this.props.model.creator;
     }
     get style() {
         return this.props.style;
@@ -2131,7 +2149,7 @@ class QuestionErrorComponent extends React.Component {
         return (React.createElement("div", null,
             React.createElement(SvgIcon, { "aria-hidden": "true", iconName: "icon-alert_24x24", size: "24", className: this.props.cssClasses.error.icon }),
             React.createElement("span", { className: this.props.cssClasses.error.item || undefined },
-                React.createElement(SurveyLocStringViewer, { locStr: this.props.error.locText }))));
+                React.createElement(SurveyLocStringViewer, { model: this.props.error.locText }))));
     }
 }
 ReactElementFactory.Instance.registerElement("svc-question-error", (props) => {
@@ -2724,8 +2742,8 @@ class ComponentContainer extends React.Component {
         super(props);
     }
     render() {
-        return (React.createElement("div", { className: "svc-component-container" }, this.props.model.elements.map((element, index) => {
-            return ReactElementFactory.Instance.createElement(element.componentName, { model: element.componentData, key: index });
+        return (React.createElement("div", { className: this.props.model.cssClass }, this.props.model.elements.map((element, index) => {
+            return ReactElementFactory.Instance.createElement(element.componentName, Object.assign(Object.assign({}, element.componentData), { key: index }));
         })));
     }
 }
@@ -2947,8 +2965,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.5.7"}`;
-checkLibraryVersion(`${"2.5.7"}`, "survey-creator-react");
+Version = `${"2.5.15"}`;
+checkLibraryVersion(`${"2.5.15"}`, "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 };
 //# sourceMappingURL=survey-creator-react.mjs.map