survey-react-ui 1.9.104 → 1.9.105

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.104",
+  "version": "1.9.105",
   "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",
@@ -21,7 +21,7 @@
   },
   "typings": "survey-react-ui.d.ts",
   "dependencies": {
-    "survey-core": "1.9.104",
+    "survey-core": "1.9.105",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.104
+ * surveyjs - Survey JavaScript library v1.9.105
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -690,7 +690,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.104", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.105", "survey-react-ui");
 
 
 /***/ }),
@@ -5965,7 +5965,9 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     };
     SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
         var style = this.getCellStyle();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: this.props.cell.colSpans, "data-responsive-title": this.getHeaderText(), title: this.props.cell.getTitle(), style: style }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
+        var cell = this.props.cell;
+        var focusIn = function () { cell.focusIn(); };
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, "data-responsive-title": this.getHeaderText(), title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -6469,7 +6471,7 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         return this.props.question.commentId;
     };
     SurveyQuestionCommentItem.prototype.getPlaceholder = function () {
-        return this.props.question.commentPlaceholder;
+        return this.props.question.renderedCommentPlaceholder;
     };
     SurveyQuestionCommentItem.prototype.renderElement = function () {
         var _this = this;
@@ -7269,7 +7271,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
             noFileChosen = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getFileDecoratorCss() },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.dragAreaPlaceholder),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.renderedPlaceholder),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseFile,
                 noFileChosen)));
@@ -8264,10 +8266,15 @@ var SurveyQuestionMultipleText = /** @class */ (function (_super) {
     SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, items, cssClasses) {
         var key = "item" + rowIndex;
         var tds = [];
-        for (var i = 0; i < items.length; i++) {
+        var _loop_1 = function (i) {
             var item = items[i];
-            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this.question.cssClasses.cell },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this.question, item: item, creator: this.creator, cssClasses: cssClasses })));
+            var focusIn = function () { item.focusIn(); };
+            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this_1.question.cssClasses.cell, onFocus: focusIn },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this_1.question, item: item, creator: this_1.creator, cssClasses: cssClasses })));
+        };
+        var this_1 = this;
+        for (var i = 0; i < items.length; i++) {
+            _loop_1(i);
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", { key: key, className: cssClasses.row }, tds));
     };
@@ -9518,7 +9525,7 @@ var SurveyRow = /** @class */ (function (_super) {
             var css = element.cssClassesValue;
             var focusIn = function () {
                 var el = element;
-                if (el && !el.isDisposed && el.isQuestion) {
+                if (el && el.isQuestion) {
                     el.focusIn();
                 }
             };
@@ -9637,9 +9644,15 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { height: this.question.signatureHeight, width: this.question.signatureWidth } },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.question.placeHolderText),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0 })),
+                this.renderBackgroundImage(),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
             clearButton));
     };
+    SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
+        if (!this.question.backgroundImage)
+            return null;
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, width: this.question.signatureWidth, height: this.question.signatureHeight });
+    };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)