survey-react 1.12.32 → 1.12.33

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.32
+ * surveyjs - Survey JavaScript library v1.12.33
  * 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.32
+ * surveyjs - Survey JavaScript library v1.12.33
  * 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.32",
+  "version": "1.12.33",
   "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.32
+ * surveyjs - Survey JavaScript library v1.12.33
  * 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.32
+ * surveyjs - Survey JavaScript library v1.12.33
  * 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

@@ -3635,6 +3635,7 @@ declare module "packages/survey-core/src/panel" {
         updateElementVisibility(): void;
         getFirstQuestionToFocus(withError?: boolean, ignoreCollapseState?: boolean): Question;
         getFirstVisibleQuestion(): Question;
+        getFirstVisibleElement(): IElement;
         /**
          * Focuses the first question in this panel/page.
          * @see focusFirstErrorQuestion
@@ -4241,6 +4242,7 @@ declare module "packages/survey-core/src/question_file" {
         get multipleRendered(): string;
         get showChooseButton(): boolean;
         get showFileDecorator(): boolean;
+        get showDragAreaPlaceholder(): boolean;
         get allowShowPreview(): boolean;
         get showPreviewContainer(): boolean;
         get showRemoveButtonCore(): boolean;
@@ -9281,6 +9283,7 @@ declare module "packages/survey-core/src/question_text" {
         onCompositionUpdate: (event: any) => void;
         onKeyUp: (event: any) => void;
         private updateDateValidationMessage;
+        readOnlyBlocker: (event: any) => boolean;
         onKeyDown: (event: any) => void;
         onChange: (event: any) => void;
         protected onBlurCore(event: any): void;
@@ -14665,6 +14668,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         getAllValues(): any;
         getFilteredValues(): any;
         getFilteredProperties(): any;
+        private getDataRowValue;
         private applyRowVariablesToValues;
         runCondition(values: HashTable<any>, properties: HashTable<any>, rowsVisibleIf?: string): void;
         updateElementVisibility(): void;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.32
+ * surveyjs - Survey JavaScript library v1.12.33
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -25814,7 +25814,9 @@ var question_custom_QuestionCompositeModel = /** @class */ (function (_super) {
         if (!!q && q.comment !== newValue) {
             q.comment = newValue;
         }
-        this.value = val;
+        if (!this.settingNewValue) {
+            this.value = val;
+        }
     };
     QuestionCompositeModel.prototype.getComment = function (name) {
         var q = this.getQuestionByName(name);
@@ -29418,7 +29420,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         this.isCreatingDetailPanel = true;
         this.detailPanelValue = this.data.createRowDetailPanel(this);
         var questions = this.detailPanelValue.questions;
-        var value = this.data.getRowValue(this.data.getRowIndex(this));
+        var value = this.getDataRowValue();
         if (!helpers_Helpers.isValueEmpty(value)) {
             for (var i = 0; i < questions.length; i++) {
                 var key = questions[i].getValueName();
@@ -29443,12 +29445,27 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
             }
         }
         res.row = this.getAllValues();
+        if (this.data) {
+            var rowVal = this.getDataRowValue();
+            if (rowVal) {
+                for (var key in rowVal) {
+                    if (res.row[key] === undefined) {
+                        res.row[key] = rowVal[key];
+                    }
+                }
+            }
+        }
         this.applyRowVariablesToValues(res, this.rowIndex);
         return res;
     };
     MatrixDropdownRowModelBase.prototype.getFilteredProperties = function () {
         return { survey: this.getSurvey(), row: this };
     };
+    MatrixDropdownRowModelBase.prototype.getDataRowValue = function () {
+        if (!this.data)
+            return null;
+        return this.data.getRowValue(this.data.getRowIndex(this));
+    };
     MatrixDropdownRowModelBase.prototype.applyRowVariablesToValues = function (res, rowIndex) {
         res[MatrixDropdownRowModelBase.IndexVariableName] = rowIndex;
         res[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
@@ -29462,7 +29479,7 @@ var question_matrixdropdownbase_MatrixDropdownRowModelBase = /** @class */ (func
         this.applyRowVariablesToValues(values, rowIndex);
         var newProps = helpers_Helpers.createCopy(properties);
         newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
-        var rowValues = rowIndex > 0 ? this.data.getRowValue(this.rowIndex - 1) : this.value;
+        var rowValues = rowIndex > 0 ? this.getDataRowValue() : this.value;
         if (!!rowsVisibleIf) {
             values[MatrixDropdownRowModelBase.RowVariableName] = rowValues;
             this.setRowsVisibleIfValues(values);
@@ -37579,6 +37596,14 @@ var panel_PanelModelBase = /** @class */ (function (_super) {
         }
         return null;
     };
+    PanelModelBase.prototype.getFirstVisibleElement = function () {
+        var els = this.elements;
+        for (var i = 0; i < els.length; i++) {
+            if (els[i].isVisible)
+                return els[i];
+        }
+        return null;
+    };
     /**
      * Focuses the first question in this panel/page.
      * @see focusFirstErrorQuestion
@@ -39818,7 +39843,7 @@ var page_PageModel = /** @class */ (function (_super) {
      */
     PageModel.prototype.scrollToTop = function () {
         if (!!this.survey) {
-            this.survey.scrollElementToTop(this, null, this, this.id);
+            this.survey.scrollElementToTop(this, null, this, this.id, true, { block: "start" });
         }
     };
     /**
@@ -42773,7 +42798,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return this.isPropertyVisible("description");
-            return !!this.hasDescription;
+            return !!this.hasDescription && this.showTitle;
         },
         enumerable: false,
         configurable: true
@@ -48038,6 +48063,11 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         if (!newValue) {
             this.changeCurrentSingleElementOnVisibilityChanged();
         }
+        var el = this.currentSingleElement;
+        var curPage = this.currentPage;
+        if (!!el && !!curPage && el.page !== curPage) {
+            this.currentSingleElement = curPage.getFirstVisibleElement();
+        }
         this.onPageVisibleChanged.fire(this, {
             page: page,
             visible: newValue,
@@ -55517,7 +55547,7 @@ var InputElementAdapter = /** @class */ (function () {
         if (_value === null || _value === undefined) {
             _value = "";
         }
-        this.setInputValue(inputMaskInstance.getMaskedValue(_value));
+        this.setInputValue(inputMaskInstance.saveMaskedValue ? _value : inputMaskInstance.getMaskedValue(_value));
         this.prevUnmaskedValue = _value;
         inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
         this.addInputEventListener();
@@ -55654,7 +55684,16 @@ var question_text_QuestionTextModel = /** @class */ (function (_super) {
             }
             _this.updateRemainingCharacterCounter(event.target.value);
         };
+        _this.readOnlyBlocker = function (event) {
+            if (_this.isReadOnlyAttr) {
+                event.preventDefault();
+                return true;
+            }
+        };
         _this.onKeyDown = function (event) {
+            if (_this.readOnlyBlocker(event)) {
+                return;
+            }
             _this.onKeyDownPreprocess && _this.onKeyDownPreprocess(event);
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
@@ -56664,7 +56703,9 @@ var question_multipletext_MultipleTextItemModel = /** @class */ (function (_supe
             _this.title = title;
         }
         _this.editor.onPropertyChanged.add(function (sender, options) {
-            _this.onPropertyChanged.fire(_this, options);
+            if (options.name !== "maskSettings") {
+                _this.onPropertyChanged.fire(_this, options);
+            }
         });
         return _this;
     }
@@ -62308,6 +62349,13 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionFileModel.prototype, "showDragAreaPlaceholder", {
+        get: function () {
+            return !this.isAnswered;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "allowShowPreview", {
         get: function () {
             var isShowLoadingIndicator = this.showLoadingIndicator;
@@ -72951,9 +72999,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.32";
+Version = "" + "1.12.33";
 settings.version = Version;
-ReleaseDate = "" + "2025-04-13";
+ReleaseDate = "" + "2025-04-24";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -86987,7 +87035,7 @@ var reactquestion_ranking_SurveyQuestionRankingItem = /** @class */ (function (_
     };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
         var itemContent = ReactElementFactory.Instance.createElement(this.question.itemComponent, { item: this.item, cssClasses: this.cssClasses });
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { id: this.question.getItemId(this.item), tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { tabIndex: -1, style: { outline: "none" } },
                 external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.cssClasses.itemGhostNode }),
                 external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.cssClasses.itemContent },
@@ -88251,7 +88299,7 @@ var reactquestion_file_SurveyQuestionFile = /** @class */ (function (_super) {
         var actionsContainer = this.question.actionsContainerVisible ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"](action_bar_SurveyActionBar, { model: this.question.actionsContainer }) : null;
         var noFileChosen = this.question.isEmpty() ? (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption)) : null;
         return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.getFileDecoratorCss() },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)),
+            this.question.showDragAreaPlaceholder ? external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.renderLocString(this.question.locRenderedPlaceholder)) : false,
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseButton,
                 actionsContainer,
@@ -88872,7 +88920,7 @@ var reactquestion_text_SurveyQuestionText = /** @class */ (function (_super) {
                 // disabled={this.isDisplayMode}
                 disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: inputClass, type: this.question.inputType, 
                 //ref={this.controlRef}
-                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: function (event) { _this.question.onBlur(event); }, onFocus: function (event) { _this.question.onFocus(event); }, onChange: this.question.onChange, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
+                ref: function (input) { return (_this.setControl(input)); }, style: this.question.inputStyle, maxLength: this.question.getMaxLength(), min: this.question.renderedMin, max: this.question.renderedMax, step: this.question.renderedStep, size: this.question.inputSize, placeholder: placeholder, list: this.question.dataListId, autoComplete: this.question.autocomplete, onBlur: function (event) { _this.question.onBlur(event); }, onFocus: function (event) { _this.question.onFocus(event); }, onChange: this.question.onChange, onClick: this.question.readOnlyBlocker, onPointerDown: this.question.readOnlyBlocker, onKeyUp: this.question.onKeyUp, onKeyDown: this.question.onKeyDown, onCompositionUpdate: function (event) { return _this.question.onCompositionUpdate(event.nativeEvent); }, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }),
             counter));
     };
     SurveyQuestionText.prototype.renderElement = function () {