survey-react-ui 1.9.133 → 1.9.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.133",
+  "version": "1.9.134",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.133
+ * surveyjs - Survey JavaScript library v1.9.134
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -495,6 +495,7 @@ var Action = /** @class */ (function (_super) {
         return this._component;
     };
     Action.prototype.dispose = function () {
+        this.updateCallback = undefined;
         this.action = undefined;
         _super.prototype.dispose.call(this);
         if (this.popupModel) {
@@ -3584,7 +3585,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.133", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.134", "survey-react-ui");
 
 
 /***/ }),
@@ -12232,6 +12233,19 @@ var SurveyActionBar = /** @class */ (function (_super) {
             this.model.resetResponsivityManager();
         }
     };
+    SurveyActionBar.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        if (prevProps.model == this.props.model) {
+            return;
+        }
+        if (!!this.model.hasActions) {
+            this.model.resetResponsivityManager();
+            var container = this.rootRef.current;
+            if (!!container) {
+                this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
+            }
+        }
+    };
     SurveyActionBar.prototype.getStateElement = function () {
         return this.model;
     };
@@ -20857,7 +20871,7 @@ var SurveyQuestionText = /** @class */ (function (_super) {
         var inputClass = this.question.getControlClass();
         var placeholder = this.question.renderedPlaceholder;
         if (this.question.isReadOnlyRenderDiv()) {
-            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.value);
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.inputValue);
         }
         var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
@@ -20873,6 +20887,12 @@ var SurveyQuestionText = /** @class */ (function (_super) {
                 this.renderDataList()) :
             this.renderInput());
     };
+    SurveyQuestionText.prototype.setValueCore = function (newValue) {
+        this.question.inputValue = newValue;
+    };
+    SurveyQuestionText.prototype.getValueCore = function () {
+        return this.question.inputValue;
+    };
     SurveyQuestionText.prototype.renderDataList = function () {
         if (!this.question.dataListId)
             return null;
@@ -22424,7 +22444,16 @@ var settings = {
             "impp",
         ]
     },
-    legacyProgressBarView: false
+    legacyProgressBarView: false,
+    maskSettings: {
+        patternPlaceholderChar: "_",
+        patternEscapeChar: "\\",
+        patternDefinitions: {
+            "9": /[0-9]/,
+            "a": /[a-zA-Z]/,
+            "#": /[a-zA-Z0-9]/
+        }
+    }
 };
 
 
@@ -22694,13 +22723,25 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
+        return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible);
+    };
+    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible) {
         if (!el || !el.scrollIntoView)
             return false;
-        var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
-        var needScroll = elemTop < 0;
-        if (!needScroll && !!window) {
+        var elTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
+        var needScroll = elTop < 0;
+        var elLeft = -1;
+        if (!needScroll && checkLeft) {
+            elLeft = el.getBoundingClientRect().left;
+            needScroll = elLeft < 0;
+        }
+        if (!!window && !needScroll) {
             var height = window.innerHeight;
-            needScroll = height > 0 && height < elemTop;
+            needScroll = height > 0 && height < elTop;
+            if (!needScroll && checkLeft) {
+                var width = window.innerWidth;
+                needScroll = width > 0 && width < elLeft;
+            }
         }
         if (needScroll) {
             el.scrollIntoView();
@@ -22743,6 +22784,7 @@ var SurveyElement = /** @class */ (function (_super) {
         var el = root.getElementById(elementId);
         // https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
         if (el && !el["disabled"] && el.style.display !== "none" && el.offsetParent !== null) {
+            SurveyElement.ScrollElementToViewCore(el, true, false);
             el.focus();
             return true;
         }