survey-creator-js 2.5.21 → 2.5.23

package/fesm/ui-preset-editor.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.5.21
+ * SurveyJS Creator v2.5.23
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-js",
-  "version": "2.5.21",
+  "version": "2.5.23",
   "description": "A white-label drag-and-drop form builder for HTML, CSS, and JavaScript apps. It generates JSON schemas for rendering dynamic forms with SurveyJS Form Library. Design complex, interactive forms and surveys without writing code.",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -46,9 +46,9 @@
   "typings": "./typings/survey-creator-js/entries/index.d.ts",
   "peerDependencies": {
     "ace-builds": "^1.4.12",
-    "survey-core": "2.5.21",
-    "survey-js-ui": "2.5.21",
-    "survey-creator-core": "2.5.21",
+    "survey-core": "2.5.23",
+    "survey-js-ui": "2.5.23",
+    "survey-creator-core": "2.5.23",
     "@types/react-dom": "*",
     "@types/react": "*"
   },

package/survey-creator-js.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v2.5.21
+ * SurveyJS Creator v2.5.23
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -2763,10 +2763,8 @@
         };
         SurveyPageNavigator.prototype.componentDidMount = function () {
             _super.prototype.componentDidMount.call(this);
-            if (this.props.pageEditMode !== "bypage") {
-                var el = this.containerRef.current;
-                this.model.attachToUI(el);
-            }
+            var el = this.containerRef.current;
+            this.model.attachToUI(el);
         };
         SurveyPageNavigator.prototype.componentWillUnmount = function () {
             _super.prototype.componentWillUnmount.call(this);
@@ -3159,6 +3157,12 @@
         return React__namespace.createElement(TabLogicComponent, props);
     });
 
+    function simulatorShellStyle(overlayHeight) {
+        var _a;
+        return overlayHeight
+            ? (_a = {}, _a["--sv-popup-overlay-height"] = overlayHeight, _a)
+            : {};
+    }
     var SurveySimulator = /** @class */ (function (_super) {
         __extends(SurveySimulator, _super);
         function SurveySimulator() {
@@ -3174,9 +3178,22 @@
         SurveySimulator.prototype.getStateElement = function () {
             return this.model;
         };
+        SurveySimulator.prototype.componentDidMount = function () {
+            _super.prototype.componentDidMount.call(this);
+            this.model.queueSurveyLayoutRefresh();
+        };
+        SurveySimulator.prototype.componentDidUpdate = function (prevProps, prevState) {
+            _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+            this.model.queueSurveyLayoutRefresh();
+        };
+        SurveySimulator.prototype.componentWillUnmount = function () {
+            this.model.cancelSurveyLayoutRefresh();
+            _super.prototype.componentWillUnmount.call(this);
+        };
         SurveySimulator.prototype.renderElement = function () {
             var _this = this;
             var mainSimulatorClass = this.model.getRootCss();
+            var shellStyle = simulatorShellStyle(this.model.popupOverlayHeight);
             if (!this.model.survey) {
                 return React__namespace.createElement("div", { className: mainSimulatorClass });
             }
@@ -3193,12 +3210,12 @@
                                     this.model.simulatorFrame.scale +
                                     ") translate(-50%, -50%)"
                             } },
-                            React__namespace.createElement("div", { className: "svd-simulator-content" },
+                            React__namespace.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                                 React__namespace.createElement(surveyReactUi.Survey, { model: this.model.survey }))))));
             }
             else {
                 return (React__namespace.createElement("div", { className: mainSimulatorClass },
-                    React__namespace.createElement("div", { className: "svd-simulator-content" },
+                    React__namespace.createElement("div", { className: "svd-simulator-content", style: shellStyle },
                         React__namespace.createElement(surveyReactUi.Survey, { model: this.model.survey }))));
             }
         };
@@ -3732,8 +3749,8 @@
     surveyCore.RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
     exports.Version = void 0;
-    exports.Version = "".concat("2.5.21");
-    surveyCore.checkLibraryVersion("".concat("2.5.21"), "survey-creator-react");
+    exports.Version = "".concat("2.5.23");
+    surveyCore.checkLibraryVersion("".concat("2.5.23"), "survey-creator-react");
 
     function renderSurveyCreator(creator, element, props) {
         if (props === void 0) { props = {}; }