survey-react 1.12.31 → 1.12.33

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.31
+ * 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.31
+ * 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.31",
+  "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.31
+ * 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.31
+ * 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.31
+ * 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
@@ -38896,7 +38921,7 @@ var panel_PanelModel = /** @class */ (function (_super) {
         return this.showQuestionNumbers !== "off" && this.showQuestionNumbers !== "onpanel";
     };
     PanelModel.prototype.notifySurveyOnVisibilityChanged = function () {
-        if (this.survey != null && !this.isLoadingFromJson && !!this.page) {
+        if (this.survey != null && !this.isLoadingFromJson) {
             this.survey.panelVisibilityChanged(this, this.isVisible);
         }
     };
@@ -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,20 +48063,24 @@ 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,
         });
     };
     SurveyModel.prototype.panelVisibilityChanged = function (panel, newValue) {
-        this.updateVisibleIndexes(panel.page);
-        if (!newValue) {
-            this.changeCurrentSingleElementOnVisibilityChanged();
+        if (!!panel.page) {
+            this.updateVisibleIndexes(panel.page);
+            if (!newValue) {
+                this.changeCurrentSingleElementOnVisibilityChanged();
+            }
         }
-        this.onPanelVisibleChanged.fire(this, {
-            panel: panel,
-            visible: newValue,
-        });
+        this.onPanelVisibleChanged.fire(this, { panel: panel, visible: newValue });
     };
     SurveyModel.prototype.questionCreated = function (question) {
         this.onQuestionCreated.fire(this, { question: question });
@@ -51184,8 +51213,10 @@ var question_baseselect_QuestionSelectBase = /** @class */ (function (_super) {
         return this.getQuestionWithChoicesCore(this.findCarryForwardQuestion());
     };
     QuestionSelectBase.prototype.findCarryForwardQuestion = function (data) {
-        if (!data)
-            data = this.data;
+        var _a;
+        if (!data) {
+            data = this.data || ((_a = this.parentQuestion) === null || _a === void 0 ? void 0 : _a.data);
+        }
         this.carryForwardQuestion = null;
         if (this.choicesFromQuestion && data) {
             this.carryForwardQuestion = data.findQuestionByName(this.choicesFromQuestion);
@@ -55516,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();
@@ -55653,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;
@@ -56663,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;
     }
@@ -62307,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;
@@ -68100,6 +68149,7 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
                 return;
             if (!this.canBuildPanels || this.wasNotRenderedInSurvey) {
                 this.setPropertyValue("panelCount", val);
+                this.updateFooterActions();
                 return;
             }
             if (val == this.panelsCore.length || this.useTemplatePanel)
@@ -68845,15 +68895,18 @@ var question_paneldynamic_QuestionPanelDynamicModel = /** @class */ (function (_
         this.panelsCore.splice(index, 1);
         this.updateBindings("panelCount", this.panelCount);
         var value = this.value;
-        if (!value || !Array.isArray(value) || index >= value.length)
-            return;
-        this.isValueChangingInternally = true;
-        value.splice(index, 1);
-        this.value = value;
-        this.updateFooterActions();
-        this.fireCallback(this.panelCountChangedCallback);
-        this.notifyOnPanelAddedRemoved(false, index, panel);
-        this.isValueChangingInternally = false;
+        if (!value || !Array.isArray(value) || index >= value.length) {
+            this.updateFooterActions();
+        }
+        else {
+            this.isValueChangingInternally = true;
+            value.splice(index, 1);
+            this.value = value;
+            this.updateFooterActions();
+            this.fireCallback(this.panelCountChangedCallback);
+            this.notifyOnPanelAddedRemoved(false, index, panel);
+            this.isValueChangingInternally = false;
+        }
     };
     QuestionPanelDynamicModel.prototype.notifyOnPanelAddedRemoved = function (isAdded, index, panel) {
         if (!panel) {
@@ -72946,9 +72999,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.31";
+Version = "" + "1.12.33";
 settings.version = Version;
-ReleaseDate = "" + "2025-04-08";
+ReleaseDate = "" + "2025-04-24";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -86982,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 },
@@ -88246,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,
@@ -88867,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 () {