survey-react 1.12.54 → 1.12.56

package/README.md

@@ -1,4 +1,4 @@
-# SurveyJS Form Library for React
+# SurveyJS Form Library for React (Obsolete)
 
 
 <video src="https://github.com/surveyjs/survey-library/assets/22315929/b24a68bf-d703-4096-835b-752f5f610aa6"></video>
@@ -6,7 +6,11 @@
 
 SurveyJS Form Library is a free and open-source MIT-licensed JavaScript form builder library that allows you to design dynamic, data-driven, multi-language survey forms and run them in your web applications.
 
-> **NOTE**: This package contains a legacy Knockout-dependent version of SurveyJS Form Library for React. We recommend using a new [native implementation of SurveyJS React Form Library](https://www.npmjs.com/package/survey-react-ui). For information on how to integrate it into your application, refer to the following tutorial: [Add a Survey to a React Application](https://surveyjs.io/form-library/documentation/get-started-react).
+> This package provides a **legacy Knockout-based version** of SurveyJS Form Library for React. For new projects, use the React-only implementation instead:
+>
+> - [`survey-react-ui`](https://www.npmjs.com/package/survey-react-ui)
+> 
+> To learn how to integrate it into your application, refer to the following tutorial: [Add a Survey to a React Application](https://surveyjs.io/form-library/documentation/get-started-react).
 
 ## Resources
 

package/defaultV2.css

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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.54",
+  "version": "1.12.56",
   "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.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * 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

@@ -7344,7 +7344,7 @@ declare module "packages/survey-core/src/question_signaturepad" {
      * [View Demo](https://surveyjs.io/form-library/examples/signature-pad-widget-javascript/ (linkStyle))
      */
     export class QuestionSignaturePadModel extends QuestionFileModelBase {
-        isDrawingValue: boolean;
+        hasDrawnStroke: boolean;
         isReadyForUpload: boolean;
         private getPenColorFromTheme;
         private updateColors;

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.54
+ * surveyjs - Survey JavaScript library v1.12.56
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -61868,6 +61868,7 @@ var question_file_QuestionFileModelBase = /** @class */ (function (_super) {
     QuestionFileModelBase.prototype.uploadFiles = function (files) {
         var _this = this;
         if (this.survey) {
+            this.errors = [];
             this.stateChanged("loading");
             this.survey.uploadFiles(this, this.name, files, function (arg1, arg2) {
                 if (Array.isArray(arg1)) {
@@ -63510,6 +63511,39 @@ var question_rating_decorate = (undefined && undefined.__decorate) || function (
 
 
 
+function getColorFromProperty(varName) {
+    if ("function" === typeof getComputedStyle) {
+        var style = getComputedStyle(DomDocumentHelper.getDocumentElement());
+        return style.getPropertyValue && style.getPropertyValue(varName);
+    }
+    return "";
+}
+function getRGBColor(themeVariables, colorName, varName) {
+    var str = !!themeVariables && themeVariables[colorName];
+    if (!str)
+        str = getColorFromProperty(varName);
+    if (!str)
+        return null;
+    var canvasElement = DomDocumentHelper.createElement("canvas");
+    if (!canvasElement)
+        return null;
+    var ctx = canvasElement.getContext("2d");
+    ctx.fillStyle = str;
+    if (ctx.fillStyle == "#000000") {
+        ctx.fillStyle = getColorFromProperty(varName);
+    }
+    var newStr = ctx.fillStyle;
+    if (newStr.startsWith("rgba")) {
+        return newStr.substring(5, newStr.length - 1).split(",").map(function (c) { return +(c.trim()); });
+    }
+    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(newStr);
+    return result ? [
+        parseInt(result[1], 16),
+        parseInt(result[2], 16),
+        parseInt(result[3], 16),
+        1
+    ] : null;
+}
 var question_rating_RenderedRatingItem = /** @class */ (function (_super) {
     question_rating_extends(RenderedRatingItem, _super);
     function RenderedRatingItem(itemValue, locString) {
@@ -63821,42 +63855,12 @@ var question_rating_QuestionRatingModel = /** @class */ (function (_super) {
             return;
         if (QuestionRatingModel.colorsCalculated)
             return;
-        function getColorFromProperty(varName) {
-            var style = getComputedStyle(DomDocumentHelper.getDocumentElement());
-            return style.getPropertyValue && style.getPropertyValue(varName);
-        }
-        function getRGBColor(colorName, varName) {
-            var str = !!themeVariables && themeVariables[colorName];
-            if (!str)
-                str = getColorFromProperty(varName);
-            if (!str)
-                return null;
-            var canvasElement = DomDocumentHelper.createElement("canvas");
-            if (!canvasElement)
-                return null;
-            var ctx = canvasElement.getContext("2d");
-            ctx.fillStyle = str;
-            if (ctx.fillStyle == "#000000") {
-                ctx.fillStyle = getColorFromProperty(varName);
-            }
-            var newStr = ctx.fillStyle;
-            if (newStr.startsWith("rgba")) {
-                return newStr.substring(5, newStr.length - 1).split(",").map(function (c) { return +(c.trim()); });
-            }
-            var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(newStr);
-            return result ? [
-                parseInt(result[1], 16),
-                parseInt(result[2], 16),
-                parseInt(result[3], 16),
-                1
-            ] : null;
-        }
-        QuestionRatingModel.badColor = getRGBColor("--sjs-special-red", "--sd-rating-bad-color");
-        QuestionRatingModel.normalColor = getRGBColor("--sjs-special-yellow", "--sd-rating-normal-color");
-        QuestionRatingModel.goodColor = getRGBColor("--sjs-special-green", "--sd-rating-good-color");
-        QuestionRatingModel.badColorLight = getRGBColor("--sjs-special-red-light", "--sd-rating-bad-color-light");
-        QuestionRatingModel.normalColorLight = getRGBColor("--sjs-special-yellow-light", "--sd-rating-normal-color-light");
-        QuestionRatingModel.goodColorLight = getRGBColor("--sjs-special-green-light", "--sd-rating-good-color-light");
+        QuestionRatingModel.badColor = getRGBColor(themeVariables, "--sjs-special-red", "--sd-rating-bad-color");
+        QuestionRatingModel.normalColor = getRGBColor(themeVariables, "--sjs-special-yellow", "--sd-rating-normal-color");
+        QuestionRatingModel.goodColor = getRGBColor(themeVariables, "--sjs-special-green", "--sd-rating-good-color");
+        QuestionRatingModel.badColorLight = getRGBColor(themeVariables, "--sjs-special-red-light", "--sd-rating-bad-color-light");
+        QuestionRatingModel.normalColorLight = getRGBColor(themeVariables, "--sjs-special-yellow-light", "--sd-rating-normal-color-light");
+        QuestionRatingModel.goodColorLight = getRGBColor(themeVariables, "--sjs-special-green-light", "--sd-rating-good-color-light");
         this.colorsCalculated = true;
         this.resetRenderedItems();
     };
@@ -66851,6 +66855,7 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
                 this.canvas.getContext("2d").clearRect(0, 0, this.canvas.width * this.scale, this.canvas.height * this.scale);
                 this.signaturePad.clear();
             }
+            this.hasDrawnStroke = false;
             this.valueWasChangedFromLastUpload = false;
             return;
         }
@@ -66914,11 +66919,10 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
         this.updateColors(signaturePad);
         signaturePad.addEventListener("beginStroke", function () {
             _this.scaleCanvas();
-            _this.isDrawingValue = true;
+            _this.hasDrawnStroke = true;
             canvas.focus();
         }, { once: false });
         signaturePad.addEventListener("endStroke", function () {
-            _this.isDrawingValue = false;
             if (_this.storeDataAsText) {
                 _this.updateValue();
             }
@@ -67118,7 +67122,7 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
         configurable: true
     });
     QuestionSignaturePadModel.prototype.nothingIsDrawn = function () {
-        var isDrawing = this.isDrawingValue;
+        var isDrawing = this.hasDrawnStroke;
         var isEmpty = this.isEmpty();
         var isUploading = this.isUploading;
         var valueWasChangedFromLastUpload = this.valueWasChangedFromLastUpload;
@@ -67168,7 +67172,7 @@ var question_signaturepad_QuestionSignaturePadModel = /** @class */ (function (_
     };
     question_signaturepad_decorate([
         jsonobject_property({ defaultValue: false })
-    ], QuestionSignaturePadModel.prototype, "isDrawingValue", void 0);
+    ], QuestionSignaturePadModel.prototype, "hasDrawnStroke", void 0);
     question_signaturepad_decorate([
         jsonobject_property({ defaultValue: false })
     ], QuestionSignaturePadModel.prototype, "isReadyForUpload", void 0);
@@ -73356,9 +73360,9 @@ Serializer.addClass("currencymask", [
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.12.54";
+Version = "" + "1.12.56";
 settings.version = Version;
-ReleaseDate = "" + "2025-09-15";
+ReleaseDate = "" + "2025-10-21";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName