survey-react 1.12.26 → 1.12.27

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/defaultV2.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/modern.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react",
-  "version": "1.12.26",
+  "version": "1.12.27",
   "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.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.min.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */

package/survey.react.d.ts

@@ -9064,6 +9064,7 @@ declare module "packages/survey-core/src/mask/input_element_adapter" {
         private inputMaskInstance;
         private inputElement;
         private prevUnmaskedValue;
+        private setInputValue;
         constructor(inputMaskInstance: InputMaskBase, inputElement: HTMLInputElement, value?: any);
         inputMaskInstancePropertyChangedHandler: (sender: any, options: any) => void;
         clickHandler: (event: any) => void;
@@ -12292,6 +12293,7 @@ declare module "packages/survey-core/src/survey" {
          * @see getQuestionByName
          */
         getAllQuestions(visibleOnly?: boolean, includeDesignTime?: boolean, includeNested?: boolean): Array<Question>;
+        private getNestedQuestionsByQuestionArray;
         /**
          * Returns an array of quiz questions. A question counts if it is visible, has an input field, and specifies [`correctAnswer`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#correctAnswer).
          *
@@ -13506,6 +13508,7 @@ declare module "packages/survey-core/src/question" {
         get visible(): boolean;
         set visible(val: boolean);
         protected onVisibleChanged(): void;
+        private onVisibleChangedCore;
         protected notifyStateChanged(prevState: string): void;
         updateElementVisibility(): void;
         private updateIsVisibleProp;
@@ -13603,11 +13606,12 @@ declare module "packages/survey-core/src/question" {
         private setValueExpressionRunner;
         private ensureSetValueExpressionRunner;
         private runSetValueExpression;
-        private checkExpressionIf;
+        private getSetValueExpressionRunner;
         private triggersInfo;
         private addTriggerInfo;
         private runTriggerInfo;
         private canExecuteTriggerByKeys;
+        private canExecuteTriggerByKeysCore;
         runTriggers(name: string, value: any, keys?: any): void;
         private runConditions;
         setSurveyImpl(value: ISurveyImpl, isLight?: boolean): void;
@@ -28096,12 +28100,15 @@ declare module "packages/survey-react-ui/src/reactquestion_element" {
         protected get changedStatePropName(): string | undefined;
         private makeBaseElementsReact;
         private unMakeBaseElementsReact;
+        private unMakeBaseElementsReactive;
         protected disableStateElementsRerenderEvent(els: Array<Base>): void;
         protected getStateElements(): Array<Base>;
         protected getStateElement(): Base | null;
         protected get isDisplayMode(): boolean;
         protected renderLocString(locStr: LocalizableString, style?: any, key?: string): React.JSX.Element;
         private canMakeReact;
+        private propertyValueChangedHandler;
+        protected isCurrentStateElement(stateElement: Base): boolean;
         private makeBaseElementReact;
         protected canUsePropInState(key: string): boolean;
         private unMakeBaseElementReact;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.26
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -14833,6 +14833,9 @@ var survey_element_SurveyElement = /** @class */ (function (_super) {
         configurable: true
     });
     SurveyElement.prototype.canHaveFrameStyles = function () {
+        var _a;
+        if (((_a = this.survey) === null || _a === void 0 ? void 0 : _a.currentSingleQuestion) === this)
+            return true;
         return (this.parent !== undefined && (!this.hasParent || this.parent && this.parent.showPanelAsPage));
     };
     SurveyElement.prototype.getHasFrameV2 = function () {
@@ -18957,7 +18960,7 @@ var TriggerExpressionInfo = /** @class */ (function () {
         this.name = name;
         this.canRun = canRun;
         this.doComplete = doComplete;
-        this.runSecondCheck = function (keys) { return false; };
+        this.getSecondRunner = function () { return undefined; };
     }
     return TriggerExpressionInfo;
 }());
@@ -19006,7 +19009,7 @@ var question_Question = /** @class */ (function (_super) {
             _this.finishSetValueOnExpression();
         });
         var setValueIfInfo = _this.addTriggerInfo("setValueIf", function () { return true; }, function () { return _this.runSetValueExpression(); });
-        setValueIfInfo.runSecondCheck = function (keys) { return _this.checkExpressionIf(keys); };
+        setValueIfInfo.getSecondRunner = function () { return _this.getSetValueExpressionRunner(); };
         _this.registerPropertyChangedHandlers(["width"], function () {
             _this.updateQuestionCss();
             if (!!_this.parent) {
@@ -19312,13 +19315,21 @@ var question_Question = /** @class */ (function (_super) {
             if (val == this.visible)
                 return;
             this.setPropertyValue("visible", val);
-            this.onVisibleChanged();
+            this.onVisibleChangedCore();
             this.notifySurveyVisibilityChanged();
         },
         enumerable: false,
         configurable: true
     });
     Question.prototype.onVisibleChanged = function () {
+        var prevVal = this.getPropertyValue("isVisible");
+        this.onVisibleChangedCore();
+        var newVal = this.getPropertyValue("isVisible");
+        if (prevVal !== undefined && prevVal !== newVal) {
+            this.notifySurveyVisibilityChanged();
+        }
+    };
+    Question.prototype.onVisibleChangedCore = function () {
         this.updateIsVisibleProp();
         if (!this.isVisible && this.errors && this.errors.length > 0) {
             this.errors = [];
@@ -19533,11 +19544,9 @@ var question_Question = /** @class */ (function (_super) {
             this.setValueExpressionRunner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
         }
     };
-    Question.prototype.checkExpressionIf = function (keys) {
+    Question.prototype.getSetValueExpressionRunner = function () {
         this.ensureSetValueExpressionRunner();
-        if (!this.setValueExpressionRunner)
-            return false;
-        return this.canExecuteTriggerByKeys(keys, this.setValueExpressionRunner);
+        return this.setValueExpressionRunner;
     };
     Question.prototype.addTriggerInfo = function (name, canRun, doComplete) {
         var info = new TriggerExpressionInfo(name, canRun, doComplete);
@@ -19546,10 +19555,7 @@ var question_Question = /** @class */ (function (_super) {
     };
     Question.prototype.runTriggerInfo = function (info, keys) {
         var expression = this[info.name];
-        if (!expression || info.isRunning || !info.canRun()) {
-            if (info.runSecondCheck(keys)) {
-                info.doComplete();
-            }
+        if (!expression && !info.getSecondRunner() || info.isRunning || !info.canRun()) {
             return;
         }
         if (!info.runner) {
@@ -19564,16 +19570,35 @@ var question_Question = /** @class */ (function (_super) {
         else {
             info.runner.expression = expression;
         }
-        if (!this.canExecuteTriggerByKeys(keys, info.runner) && !info.runSecondCheck(keys))
+        if (!this.canExecuteTriggerByKeys(keys, info.runner, info.getSecondRunner()))
             return;
         info.isRunning = true;
-        info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        if (!expression && info.getSecondRunner()) {
+            info.doComplete();
+            info.isRunning = false;
+        }
+        else {
+            info.runner.run(this.getDataFilteredValues(), this.getDataFilteredProperties());
+        }
+    };
+    Question.prototype.canExecuteTriggerByKeys = function (keys, runner, secondRunner) {
+        if (!runner && !!secondRunner) {
+            runner = secondRunner;
+            secondRunner = undefined;
+        }
+        var run1 = this.canExecuteTriggerByKeysCore(keys, runner);
+        if (run1 === "var")
+            return true;
+        if (!secondRunner)
+            return run1 === "func";
+        var run2 = this.canExecuteTriggerByKeysCore(keys, secondRunner);
+        return run2 !== "";
     };
-    Question.prototype.canExecuteTriggerByKeys = function (keys, runner) {
+    Question.prototype.canExecuteTriggerByKeysCore = function (keys, runner) {
         var vars = runner.getVariables();
         if ((!vars || vars.length === 0) && runner.hasFunction())
-            return true;
-        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars);
+            return "func";
+        return new conditionProcessValue_ProcessValue().isAnyKeyChanged(keys, vars) ? "var" : "";
     };
     Question.prototype.runTriggers = function (name, value, keys) {
         var _this = this;
@@ -19950,11 +19975,8 @@ var question_Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "renderedCommentPlaceholder", {
         get: function () {
-            var _this = this;
-            var func = function () {
-                return !_this.isReadOnly ? _this.commentPlaceHolder : undefined;
-            };
-            return this.getPropertyValue("renderedCommentPlaceholder", undefined, func);
+            var _a;
+            return (_a = this.getPropertyValue("renderedCommentPlaceholder")) !== null && _a !== void 0 ? _a : (!this.isReadOnly ? this.commentPlaceHolder : undefined);
         },
         enumerable: false,
         configurable: true
@@ -26545,17 +26567,17 @@ Serializer.addClass("expression", [
     { name: "minimumFractionDigits:number", default: -1 },
     { name: "useGrouping:boolean", default: true },
     { name: "precision:number", default: -1, category: "data" },
-    { name: "enableIf", visible: false },
-    { name: "isRequired", visible: false },
-    { name: "readOnly", visible: false },
-    { name: "requiredErrorText", visible: false },
-    { name: "resetValueIf", visible: false },
-    { name: "setValueIf", visible: false },
-    { name: "setValueExpression", visible: false },
-    { name: "defaultValueExpression", visible: false },
-    { name: "defaultValue", visible: false },
-    { name: "correctAnswer", visible: false },
-    { name: "requiredIf", visible: false }
+    { name: "enableIf", visible: false, isSerializable: false },
+    { name: "isRequired", visible: false, isSerializable: false },
+    { name: "readOnly", visible: false, isSerializable: false },
+    { name: "requiredErrorText", visible: false, isSerializable: false },
+    { name: "resetValueIf", visible: false, isSerializable: false },
+    { name: "setValueIf", visible: false, isSerializable: false },
+    { name: "setValueExpression", visible: false, isSerializable: false },
+    { name: "defaultValueExpression", visible: false, isSerializable: false },
+    { name: "defaultValue", visible: false, isSerializable: false },
+    { name: "correctAnswer", visible: false, isSerializable: false },
+    { name: "requiredIf", visible: false, isSerializable: false }
 ], function () {
     return new question_expression_QuestionExpressionModel("");
 }, "question");
@@ -44774,7 +44796,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         var q = this.currentSingleQuestion;
         if (!q)
             return this.nextPage();
-        if (!q.validate(true))
+        if (this.validationEnabled && !q.validate(true))
             return false;
         var questions = this.getSingleQuestions();
         var index = questions.indexOf(q);
@@ -45064,7 +45086,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.fireValidatedErrorsOnPage = function (page) {
         if (this.onValidatedErrorsOnCurrentPage.isEmpty || !page)
             return;
-        var questionsOnPage = page.questions;
+        var questionsOnPage = this.getNestedQuestionsByQuestionArray(page.questions, true);
         var questions = new Array();
         var errors = new Array();
         for (var i = 0; i < questionsOnPage.length; i++) {
@@ -45166,7 +45188,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 return false;
         }
         this.showPreviewCore();
-        return true;
+        return this.isShowingPreview;
     };
     SurveyModel.prototype.showPreviewCore = function () {
         var options = { allowShowPreview: true, allow: true };
@@ -45186,6 +45208,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             return;
         this.gotoPageFromPreview = currentPage;
         this.isShowingPreview = false;
+        var q = this.currentSingleQuestion;
+        if (!!(q === null || q === void 0 ? void 0 : q.page)) {
+            q.page.updateRows();
+            this.currentPage = q.page;
+        }
     };
     SurveyModel.prototype.cancelPreviewByPage = function (panel) {
         this.cancelPreview(panel);
@@ -45348,6 +45375,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
             rootPage.setSurveyImpl(this);
             this.pageContainerValue = rootPage;
             this.currentPage = rootPage;
+            if (!!this.currentSingleQuestionValue) {
+                this.visiblePages.forEach(function (page) { return page.updateRows(); });
+            }
         }
         if (!this.isSinglePage && !this.isShowingPreview) {
             this.disposeContainerPage();
@@ -45378,13 +45408,18 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         for (var i = 0; i < pages.length; i++) {
             var p = pages[i];
             if (!p.isStartPage && p.isVisible) {
-                p.addQuestionsToList(res, true);
+                var qs = [];
+                p.addQuestionsToList(qs, true);
+                qs.forEach(function (q) { if (q.isVisible)
+                    res.push(q); });
             }
         }
         return res;
     };
     Object.defineProperty(SurveyModel.prototype, "currentSingleQuestion", {
-        get: function () { return this.currentSingleQuestionValue; },
+        get: function () {
+            return !this.isShowingPreview ? this.currentSingleQuestionValue : undefined;
+        },
         set: function (val) {
             var oldVal = this.currentSingleQuestion;
             if (val !== oldVal && !this.isCompleted) {
@@ -46782,6 +46817,9 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         }
         if (!includeNested)
             return res;
+        return this.getNestedQuestionsByQuestionArray(res, visibleOnly);
+    };
+    SurveyModel.prototype.getNestedQuestionsByQuestionArray = function (res, visibleOnly) {
         var res2 = [];
         res.forEach(function (q) {
             res2.push(q);
@@ -55382,7 +55420,7 @@ var InputElementAdapter = /** @class */ (function () {
         this.inputMaskInstancePropertyChangedHandler = function (sender, options) {
             if (options.name !== "saveMaskedValue") {
                 var maskedValue = _this.inputMaskInstance.getMaskedValue(_this.prevUnmaskedValue);
-                _this.inputElement.value = maskedValue;
+                _this.setInputValue(maskedValue);
             }
         };
         this.clickHandler = function (event) {
@@ -55393,7 +55431,7 @@ var InputElementAdapter = /** @class */ (function () {
         this.beforeInputHandler = function (event) {
             var args = _this.createArgs(event);
             var result = _this.inputMaskInstance.processInput(args);
-            _this.inputElement.value = result.value;
+            _this.setInputValue(result.value);
             _this.inputElement.setSelectionRange(result.caretPosition, result.caretPosition);
             if (!result.cancelPreventDefault) {
                 event.preventDefault();
@@ -55401,17 +55439,23 @@ var InputElementAdapter = /** @class */ (function () {
         };
         this.changeHandler = function (event) {
             var result = _this.inputMaskInstance.processInput({ prevValue: "", insertedChars: event.target.value, selectionStart: 0, selectionEnd: 0 });
-            _this.inputElement.value = result.value;
+            _this.setInputValue(result.value);
         };
         var _value = value;
         if (_value === null || _value === undefined) {
             _value = "";
         }
-        this.inputElement.value = inputMaskInstance.getMaskedValue(_value);
+        this.setInputValue(inputMaskInstance.getMaskedValue(_value));
         this.prevUnmaskedValue = _value;
         inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
         this.addInputEventListener();
     }
+    InputElementAdapter.prototype.setInputValue = function (value) {
+        if (this.inputElement.maxLength >= 0 && this.inputElement.maxLength < value.length) {
+            value = value.slice(0, this.inputElement.maxLength);
+        }
+        this.inputElement.value = value;
+    };
     InputElementAdapter.prototype.createArgs = function (event) {
         var args = {
             insertedChars: event.data,
@@ -72281,7 +72325,7 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         var maxYear = dateTime.max.getFullYear();
         if (checkOnlyLeapYears) {
             minYear = Math.ceil(minYear / 4) * 4;
-            maxYear = Math.floor(minYear / 4) * 4;
+            maxYear = Math.floor(maxYear / 4) * 4;
             if (minYear > maxYear) {
                 minYear = undefined;
                 maxYear = undefined;
@@ -72445,7 +72489,7 @@ var mask_datetime_InputMaskDateTime = /** @class */ (function (_super) {
         var isoMin, isoMax;
         if (this.hasDatePart) {
             isoMin = this.min || "0001-01-01";
-            isoMax = this.max || "9999-12-31";
+            isoMax = this.max || "9996-12-31";
         }
         else {
             isoMin = this.defaultDate + (this.min || "00:00:00");
@@ -72798,9 +72842,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.26";
+Version = "" + "1.12.27";
 settings.version = Version;
-ReleaseDate = "" + "2025-03-03";
+ReleaseDate = "" + "2025-03-12";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -83050,6 +83094,21 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this._allowComponentUpdate = true;
         _this.prevStateElements = [];
+        _this.propertyValueChangedHandler = function (hash, key, val) {
+            if (hash[key] !== val) {
+                hash[key] = val;
+                if (!_this.canUsePropInState(key))
+                    return;
+                if (_this.isRendering)
+                    return;
+                _this.changedStatePropNameValue = key;
+                _this.setState(function (state) {
+                    var newState = {};
+                    newState[key] = val;
+                    return newState;
+                });
+            }
+        };
         return _this;
     }
     SurveyElementBase.renderLocString = function (locStr, style, key) {
@@ -83158,6 +83217,9 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.prototype.unMakeBaseElementsReact = function () {
         var els = this.getStateElements();
+        this.unMakeBaseElementsReactive(els);
+    };
+    SurveyElementBase.prototype.unMakeBaseElementsReactive = function (els) {
         for (var i = 0; i < els.length; i++) {
             this.unMakeBaseElementReact(els[i]);
         }
@@ -83189,6 +83251,9 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.canMakeReact = function (stateElement) {
         return !!stateElement && !!stateElement.iteratePropertiesHash;
     };
+    SurveyElementBase.prototype.isCurrentStateElement = function (stateElement) {
+        return !!stateElement && !!stateElement.setPropertyValueCoreHandler && stateElement.setPropertyValueCoreHandler === this.propertyValueChangedHandler;
+    };
     SurveyElementBase.prototype.makeBaseElementReact = function (stateElement) {
         var _this = this;
         if (!this.canMakeReact(stateElement))
@@ -83211,21 +83276,7 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
                 };
             }
         });
-        stateElement.setPropertyValueCoreHandler = function (hash, key, val) {
-            if (hash[key] !== val) {
-                hash[key] = val;
-                if (!_this.canUsePropInState(key))
-                    return;
-                if (_this.isRendering)
-                    return;
-                _this.changedStatePropNameValue = key;
-                _this.setState(function (state) {
-                    var newState = {};
-                    newState[key] = val;
-                    return newState;
-                });
-            }
-        };
+        stateElement.setPropertyValueCoreHandler = this.propertyValueChangedHandler;
     };
     SurveyElementBase.prototype.canUsePropInState = function (key) {
         return true;
@@ -83233,6 +83284,11 @@ var reactquestion_element_SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.unMakeBaseElementReact = function (stateElement) {
         if (!this.canMakeReact(stateElement))
             return;
+        if (!this.isCurrentStateElement(stateElement)) {
+            // eslint-disable-next-line no-console
+            // console.warn("Looks like the component is bound to another survey element. It is not supported and can lead to issues.");
+            // return;
+        }
         stateElement.setPropertyValueCoreHandler = undefined;
         stateElement.iteratePropertiesHash(function (hash, key) {
             var val = hash[key];
@@ -83636,8 +83692,10 @@ var row_SurveyRow = /** @class */ (function (_super) {
     };
     SurveyRow.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
-        this.row.setRootElement(undefined);
-        this.stopLazyRendering();
+        if (this.isCurrentStateElement(this.getStateElement())) {
+            this.row.setRootElement(undefined);
+            this.stopLazyRendering();
+        }
     };
     SurveyRow.prototype.createElement = function (element, elementIndex) {
         var index = elementIndex ? "-" + elementIndex : 0;
@@ -85250,10 +85308,6 @@ var page_SurveyPage = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    // shouldComponentUpdate(nextProps: any, nextState: any): boolean {
-    //   if(!super.shouldComponentUpdate(nextProps, nextState)) return false;
-    //   return true;
-    // }
     SurveyPage.prototype.renderElement = function () {
         var title = this.renderTitle();
         var description = this.renderDescription();