survey-creator-react 3.0.3 → 3.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "Embeddable SurveyJS drag-and-drop form builder for JSON-based forms in React. Create dynamic surveys, polls, quizzes, and other forms, configure conditional logic and validation, and customize the editor UI.",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -67,9 +67,9 @@
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
-    "survey-core": "3.0.3",
-    "survey-react-ui": "3.0.3",
-    "survey-creator-core": "3.0.3"
+    "survey-core": "3.1.0",
+    "survey-react-ui": "3.1.0",
+    "survey-creator-core": "3.1.0"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v3.0.3
+ * SurveyJS Creator v3.1.0
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2733,11 +2733,12 @@
             // the whole surface.
             const targetSurvey = model.targetSurvey;
             return (React__namespace.createElement("div", { className: model.sideBySideRootCss },
-                React__namespace.createElement("div", { key: (_a = model.sourceSurvey) === null || _a === void 0 ? void 0 : _a.elementIdPrefix, className: "st-side-by-side__source", ref: (el) => { model.setSourceScrollElement(el); } },
-                    React__namespace.createElement(surveyReactUi.Survey, { model: model.sourceSurvey })),
-                !!targetSurvey ?
-                    React__namespace.createElement("div", { key: targetSurvey.elementIdPrefix, className: "st-side-by-side__target", ref: (el) => { model.setTargetScrollElement(el); } },
-                        React__namespace.createElement(surveyReactUi.Survey, { model: targetSurvey })) : null));
+                React__namespace.createElement("div", { className: "st-side-by-side__panes" },
+                    React__namespace.createElement("div", { key: (_a = model.sourceSurvey) === null || _a === void 0 ? void 0 : _a.elementIdPrefix, className: "st-side-by-side__source", ref: (el) => { model.setSourceScrollElement(el); } },
+                        React__namespace.createElement(surveyReactUi.Survey, { model: model.sourceSurvey })),
+                    !!targetSurvey ?
+                        React__namespace.createElement("div", { key: targetSurvey.elementIdPrefix, className: "st-side-by-side__target", ref: (el) => { model.setTargetScrollElement(el); } },
+                            React__namespace.createElement(surveyReactUi.Survey, { model: targetSurvey })) : null)));
         }
     }
     surveyReactUi.ReactElementFactory.Instance.registerElement("svc-tab-translation", (props) => {
@@ -3169,8 +3170,8 @@
     });
 
     exports.Version = void 0;
-    exports.Version = `${"3.0.3"}`;
-    surveyCore.checkLibraryVersion(`${"3.0.3"}`, "survey-creator-react");
+    exports.Version = `${"3.1.0"}`;
+    surveyCore.checkLibraryVersion(`${"3.1.0"}`, "survey-creator-react");
 
     Object.defineProperty(exports, "PropertyGridEditorCollection", {
         enumerable: true,