survey-react 1.12.25 → 1.12.26

package/modern.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.25
+ * surveyjs - Survey JavaScript library v1.12.26
  * 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.25
+ * surveyjs - Survey JavaScript library v1.12.26
  * 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.25",
+  "version": "1.12.26",
   "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.25
+ * surveyjs - Survey JavaScript library v1.12.26
  * 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.25
+ * surveyjs - Survey JavaScript library v1.12.26
  * 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

@@ -974,7 +974,7 @@ declare module "packages/survey-core/src/utils/utils" {
         rootElement?: HTMLElement;
         cssClass?: string;
     }
-    export function showConfirmDialog(message: string, callback: (res: boolean) => void, options: IConfirmDialogOptions): boolean;
+    export function showConfirmDialog(message: string, callback: (res: boolean) => void, options?: IConfirmDialogOptions): boolean;
     export function configConfirmDialog(popupViewModel: PopupBaseViewModel): void;
     function chooseFiles(input: HTMLInputElement, callback: (files: File[]) => void): void;
     export function compareArrays<T>(oldValue: Array<T>, newValue: Array<T>, getKey: (item: T) => any): {
@@ -2045,6 +2045,8 @@ declare module "packages/survey-core/src/defaultCss/defaultV2Css" {
         imagepicker: {
             mainRoot: string;
             root: string;
+            rootResponsive: string;
+            rootStatic: string;
             rootColumn: string;
             item: string;
             itemOnError: string;
@@ -15019,6 +15021,7 @@ declare module "packages/survey-core/src/question_matrixdropdownbase" {
         protected getConditionObjectRowText(index: number): string;
         protected getConditionObjectsRowIndeces(): Array<number>;
         getProgressInfo(): IProgressInfo;
+        protected getIsRequireToGenerateRows(): boolean;
         protected updateProgressInfoByValues(res: IProgressInfo): void;
         protected updateProgressInfoByRow(res: IProgressInfo, rowValue: any): void;
         private getCellQuestions;
@@ -17115,6 +17118,7 @@ declare module "packages/survey-core/src/question_matrixdropdown" {
         protected createMatrixRow(item: ItemValue, value: any): MatrixDropdownRowModel;
         protected getFilteredDataCore(): any;
         protected getSearchableItemValueKeys(keys: Array<string>): void;
+        protected getIsRequireToGenerateRows(): boolean;
         protected updateProgressInfoByValues(res: IProgressInfo): void;
     }
 }
@@ -18169,6 +18173,14 @@ declare module "packages/survey-core/src/question_imagepicker" {
         onContentLoaded: (item: ImageItemValue, event: any) => void;
         private responsiveColCount;
         protected getCurrentColCount(): number;
+        gridColCount: number;
+        getContainerStyle(): {
+            gridAutoFlow?: undefined;
+            gridTemplateColumns?: undefined;
+        } | {
+            gridAutoFlow: string;
+            gridTemplateColumns: string;
+        };
         protected processResponsiveness(_: number, availableWidth: number): boolean;
         triggerResponsiveness(hard?: boolean): void;
         private gapBetweenItems;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.25
+ * surveyjs - Survey JavaScript library v1.12.26
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -12292,7 +12292,9 @@ var popup_PopupModel = /** @class */ (function (_super) {
     };
     PopupModel.prototype.updateDisplayMode = function (menuType) {
         if (this.displayMode !== menuType) {
-            this.setWidthByTarget = menuType === "dropdown";
+            var isDropdown = menuType === "dropdown";
+            this.setWidthByTarget = isDropdown;
+            this.isFocusedContent = !isDropdown;
         }
         switch (menuType) {
             case "dropdown": {
@@ -16531,6 +16533,7 @@ var Logger = /** @class */ (function () {
 }());
 
 function showConfirmDialog(message, callback, options) {
+    if (options === void 0) { options = {}; }
     var locStr = new localizablestring_LocalizableString(undefined);
     var popupViewModel = settings.showDialog({
         componentName: "sv-string-viewer",
@@ -30551,11 +30554,14 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         this.runFuncForCellQuestions(function (q) { q.localeChanged(); });
     };
     QuestionMatrixDropdownModelBase.prototype.runFuncForCellQuestions = function (func) {
-        if (!!this.generatedVisibleRows) {
-            for (var i = 0; i < this.generatedVisibleRows.length; i++) {
-                var row = this.generatedVisibleRows[i];
-                for (var j = 0; j < row.cells.length; j++) {
-                    func(row.cells[j].question);
+        var rows = this.generatedVisibleRows;
+        if (!!rows) {
+            for (var i = 0; i < rows.length; i++) {
+                var row = rows[i];
+                if (row.isVisible) {
+                    for (var j = 0; j < row.cells.length; j++) {
+                        func(row.cells[j].question);
+                    }
                 }
             }
         }
@@ -31148,6 +31154,7 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         return [];
     };
     QuestionMatrixDropdownModelBase.prototype.getProgressInfo = function () {
+        this.getIsRequireToGenerateRows() && this.generateVisibleRowsIfNeeded();
         if (!!this.generatedVisibleRows)
             return survey_element_SurveyElement.getProgressInfoByElements(this.getCellQuestions(), this.isRequired);
         var res = base_Base.createProgressInfo();
@@ -31158,6 +31165,9 @@ var question_matrixdropdownbase_QuestionMatrixDropdownModelBase = /** @class */
         }
         return res;
     };
+    QuestionMatrixDropdownModelBase.prototype.getIsRequireToGenerateRows = function () {
+        return !!this.rowsVisibleIf;
+    };
     QuestionMatrixDropdownModelBase.prototype.updateProgressInfoByValues = function (res) { };
     QuestionMatrixDropdownModelBase.prototype.updateProgressInfoByRow = function (res, rowValue) {
         for (var i = 0; i < this.columns.length; i++) {
@@ -32136,6 +32146,15 @@ var question_matrixdropdown_QuestionMatrixDropdownModel = /** @class */ (functio
     QuestionMatrixDropdownModel.prototype.getSearchableItemValueKeys = function (keys) {
         keys.push("rows");
     };
+    QuestionMatrixDropdownModel.prototype.getIsRequireToGenerateRows = function () {
+        if (_super.prototype.getIsRequireToGenerateRows.call(this))
+            return true;
+        for (var i = 0; i < this.rows.length; i++) {
+            if (!!this.rows[i].visibleIf)
+                return true;
+        }
+        return false;
+    };
     QuestionMatrixDropdownModel.prototype.updateProgressInfoByValues = function (res) {
         var val = this.value;
         if (!val)
@@ -34628,6 +34647,8 @@ var defaultV2Css = {
     imagepicker: {
         mainRoot: "sd-element sd-question sd-row__question",
         root: "sd-selectbase sd-imagepicker",
+        rootResponsive: "sd-imagepicker--responsive",
+        rootStatic: "sd-imagepicker--static",
         rootColumn: "sd-imagepicker--column",
         item: "sd-imagepicker__item",
         itemOnError: "sd-imagepicker__item--error",
@@ -45682,6 +45703,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
         this.startTimerFromUI();
         this.onStarted.fire(this, {});
         this.updateVisibleIndexes();
+        this.currentPageNo = 0;
         if (!!this.currentPage) {
             this.currentPage.locStrsChanged();
         }
@@ -46931,6 +46953,7 @@ var survey_SurveyModel = /** @class */ (function (_super) {
                 question.onSurveyValueChanged(newValue);
             }
         }
+        this.updateProgressText(true);
         this.fireOnValueChanged(valueName, newValue, !!questionName ? this.getQuestionByName(questionName) : undefined);
         if (this.isDisposed)
             return;
@@ -62570,7 +62593,7 @@ var question_file_QuestionFileModel = /** @class */ (function (_super) {
         if (this.needConfirmRemoveFile) {
             confirmActionAsync({
                 message: this.getConfirmRemoveMessage(data.name),
-                funcOnYes: function () { _this.clearFilesCore(); },
+                funcOnYes: function () { _this.removeFileCore(data); },
                 locale: this.getLocale(),
                 rootElement: this.survey.rootElement,
                 cssClass: this.cssClasses.confirmDialog
@@ -63748,21 +63771,13 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionRatingModel.prototype, "ratingRootCss", {
         get: function () {
-            var baseClassModifier = ((this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode)) && this.cssClasses.rootWrappable) ?
-                this.cssClasses.rootWrappable : "";
-            var rootClassModifier = "";
-            if (this.hasMaxLabel || this.hasMinLabel) {
-                if (this.rateDescriptionLocation == "top")
-                    rootClassModifier = this.cssClasses.rootLabelsTop;
-                if (this.rateDescriptionLocation == "bottom")
-                    rootClassModifier = this.cssClasses.rootLabelsBottom;
-                if (this.rateDescriptionLocation == "topBottom")
-                    rootClassModifier = this.cssClasses.rootLabelsDiagonal;
-            }
+            var hasLabel = this.hasMaxLabel || this.hasMinLabel;
             return new CssClassBuilder()
                 .append(this.cssClasses.root)
-                .append(baseClassModifier)
-                .append(rootClassModifier)
+                .append(this.cssClasses.rootWrappable, this.displayMode == "buttons" || (!!this.survey && this.survey.isDesignMode) || (this.displayMode == "auto" && !this.supportResponsiveness()))
+                .append(this.cssClasses.rootLabelsTop, hasLabel && this.rateDescriptionLocation == "top")
+                .append(this.cssClasses.rootLabelsBottom, hasLabel && this.rateDescriptionLocation == "bottom")
+                .append(this.cssClasses.rootLabelsDiagonal, hasLabel && this.rateDescriptionLocation == "topBottom")
                 .append(this.cssClasses.itemSmall, this.itemSmallMode && this.rateType != "labels")
                 .toString();
         },
@@ -63988,7 +64003,7 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
     };
     // TODO: return responsiveness after design improvement
     QuestionRatingModel.prototype.supportResponsiveness = function () {
-        return true;
+        return !this.inMatrixMode;
     };
     QuestionRatingModel.prototype.onBeforeSetCompactRenderer = function () {
         if (!this.dropdownListModelValue) {
@@ -64822,6 +64837,7 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
             }
             _this._width && _this.processResponsiveness(0, _this._width);
         };
+        _this.gridColCount = undefined;
         _this.colCount = 0;
         _this.registerPropertyChangedHandlers(["minImageWidth", "maxImageWidth", "minImageHeight", "maxImageHeight", "visibleChoices", "colCount", "isResponsiveValue"], function () {
             if (!!_this._width) {
@@ -65100,7 +65116,13 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         this.addNewItemToVisibleChoices(items, isAddAll);
     };
     QuestionImagePickerModel.prototype.getSelectBaseRootCss = function () {
-        return new CssClassBuilder().append(_super.prototype.getSelectBaseRootCss.call(this)).append(this.cssClasses.rootColumn, this.getCurrentColCount() == 1).toString();
+        var isResponsive = this.isResponsive;
+        return new CssClassBuilder()
+            .append(_super.prototype.getSelectBaseRootCss.call(this))
+            .append(this.cssClasses.rootResponsive, isResponsive)
+            .append(this.cssClasses.rootStatic, !isResponsive)
+            .append(this.cssClasses.rootColumn, this.getCurrentColCount() == 1)
+            .toString();
     };
     Object.defineProperty(QuestionImagePickerModel.prototype, "isResponsive", {
         get: function () {
@@ -65138,6 +65160,14 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
         }
         return this.responsiveColCount;
     };
+    QuestionImagePickerModel.prototype.getContainerStyle = function () {
+        if (!this.isResponsive)
+            return {};
+        return {
+            gridAutoFlow: !this.gridColCount ? "column" : null,
+            gridTemplateColumns: this.gridColCount ? "repeat(" + this.gridColCount + ", 1fr)" : null
+        };
+    };
     QuestionImagePickerModel.prototype.processResponsiveness = function (_, availableWidth) {
         this._width = availableWidth = Math.floor(availableWidth);
         var calcAvailableColumnsCount = function (availableWidth, minWidth, gap) {
@@ -65155,24 +65185,25 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
             var minHeight = this.minImageHeight * this.imageScale;
             var colCount = this.colCount;
             var width_1;
+            var availableColumnsCount = calcAvailableColumnsCount(availableWidth, minWidth, gap);
             if (colCount === 0) {
                 if ((gap + minWidth) * itemsCount - gap > availableWidth) {
-                    var itemsInRow = calcAvailableColumnsCount(availableWidth, minWidth, gap);
-                    width_1 = Math.floor((availableWidth - gap * (itemsInRow - 1)) / itemsInRow);
+                    width_1 = Math.floor((availableWidth - gap * (availableColumnsCount - 1)) / availableColumnsCount);
                 }
                 else {
                     width_1 = Math.floor(((availableWidth - gap * (itemsCount - 1)) / itemsCount));
                 }
+                this.gridColCount = Math.max(Math.min(itemsCount, availableColumnsCount), 1);
             }
             else {
-                var availableColumnsCount = calcAvailableColumnsCount(availableWidth, minWidth, gap);
                 if (availableColumnsCount < colCount) {
-                    this.responsiveColCount = availableColumnsCount >= 1 ? availableColumnsCount : 1;
+                    this.responsiveColCount = Math.max(availableColumnsCount, 1);
                     colCount = this.responsiveColCount;
                 }
                 else {
                     this.responsiveColCount = colCount;
                 }
+                this.gridColCount = this.responsiveColCount;
                 width_1 = Math.floor((availableWidth - gap * (colCount - 1)) / colCount);
             }
             width_1 = Math.max(minWidth, Math.min(width_1, maxWidth));
@@ -65238,6 +65269,9 @@ var question_imagepicker_QuestionImagePickerModel = /** @class */ (function (_su
     question_imagepicker_decorate([
         jsonobject_property({})
     ], QuestionImagePickerModel.prototype, "responsiveColCount", void 0);
+    question_imagepicker_decorate([
+        jsonobject_property()
+    ], QuestionImagePickerModel.prototype, "gridColCount", void 0);
     return QuestionImagePickerModel;
 }(QuestionCheckboxBase));
 
@@ -72764,9 +72798,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.25";
+Version = "" + "1.12.26";
 settings.version = Version;
-ReleaseDate = "" + "2025-02-25";
+ReleaseDate = "" + "2025-03-03";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -90822,7 +90856,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss() },
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss(), style: this.question.getContainerStyle() },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };