survey-react-ui 1.9.132 → 1.9.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.132",
+  "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.132
+ * 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.132", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.134", "survey-react-ui");
 
 
 /***/ }),
@@ -7620,9 +7621,11 @@ function age(params) {
     var birthDate = new Date(params[0]);
     var today = new Date();
     var age = today.getFullYear() - birthDate.getFullYear();
-    var m = today.getMonth() - birthDate.getMonth();
-    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
-        age -= age > 0 ? 1 : 0;
+    if (age > 0) {
+        var m = today.getMonth() - birthDate.getMonth();
+        if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
+            age -= 1;
+        }
     }
     return age;
 }
@@ -12230,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;
     };
@@ -16378,7 +16394,7 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
     };
     SurveyProgressButtons.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getRootCss(this.props.container), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
             this.state.canShowHeader ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsHeader },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainer },
@@ -20855,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,
@@ -20871,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;
@@ -22422,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]/
+        }
+    }
 };
 
 
@@ -22692,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();
@@ -22741,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;
         }