survey-react-ui 1.9.103 → 1.9.105

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.103",
+  "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.103",
+    "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.103
+ * 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.103", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.105", "survey-react-ui");
 
 
 /***/ }),
@@ -3617,7 +3617,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!this.question.cssClasses.chevronButtonIconId)
             return null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.chevronButton },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: 24 })));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { className: this.question.cssClasses.chevronButtonSvg, iconName: this.question.cssClasses.chevronButtonIconId, size: "auto" })));
     };
     SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.getCommentAreaCss(true) },
@@ -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)
@@ -10521,12 +10534,24 @@ var settings = {
      */
     tagboxCloseOnSelect: false,
     /**
-     * A property that allows you to display a custom confirm dialog instead of the standard browser dialog. Set this property to a function that renders your custom dialog window.
+     * A property that allows you to display a custom confirm dialog instead of the standard browser dialog.
+     *
+     * Set this property to a function that renders your custom dialog window. This function should return `true` if a user confirms an action or `false` otherwise.
      * @param message A message to be displayed in the confirm dialog window.
      */
     confirmActionFunc: function (message) {
         return confirm(message);
     },
+    /**
+     * A property that allows you to display a custom confirm dialog instead of the standard browser dialog in async mode.
+     *
+     * Set this property to a function that renders your custom dialog window. This function should return `true` to be enabled; otherwise, a survey executes the [`confirmActionFunc`](#confirmActionFunc) function. Pass the dialog result as the `callback` parameter: `true` if a user confirms an action, `false` otherwise.
+     * @param message A message to be displayed in the confirm dialog window.
+     * @param callback A callback function that should be called with `true` if a user confirms an action or `false` otherwise.
+     */
+    confirmActionAsync: function (message, callback) {
+        return false;
+    },
     /**
      * A minimum width value for all survey elements.
      *
@@ -10886,7 +10911,7 @@ var VerticalResponsivityManager = /** @class */ (function (_super) {
 /*!****************************!*\
   !*** ./src/utils/utils.ts ***!
   \****************************/
-/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
+/*! exports provided: unwrap, getRenderedSize, getRenderedStyleSize, doKey2ClickBlur, doKey2ClickUp, doKey2ClickDown, sanitizeEditableContent, Logger, mergeValues, getElementWidth, isContainerVisible, classesToSelector, compareVersions, confirmAction, confirmActionAsync, detectIEOrEdge, detectIEBrowser, loadFileFromBase64, isMobile, isShadowDOM, getElement, isElementVisible, findScrollableParent, scrollElementByChildId, navigateToUrl, createSvg, getIconNameFromProxy, increaseHeightByContent, getOriginalEvent, preventDefaults, findParentByClassNames, getFirstVisibleChild */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10905,6 +10930,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "classesToSelector", function() { return classesToSelector; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "compareVersions", function() { return compareVersions; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "confirmAction", function() { return confirmAction; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "confirmActionAsync", function() { return confirmActionAsync; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "detectIEOrEdge", function() { return detectIEOrEdge; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "detectIEBrowser", function() { return detectIEBrowser; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "loadFileFromBase64", function() { return loadFileFromBase64; });
@@ -10942,6 +10968,19 @@ function confirmAction(message) {
         return _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionFunc(message);
     return confirm(message);
 }
+function confirmActionAsync(message, funcOnYes, funcOnNo) {
+    var callbackFunc = function (res) {
+        if (res)
+            funcOnYes();
+        else if (!!funcOnNo)
+            funcOnNo();
+    };
+    if (!!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"] && !!_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionAsync) {
+        if (_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].confirmActionAsync(message, callbackFunc))
+            return;
+    }
+    callbackFunc(confirmAction(message));
+}
 function detectIEBrowser() {
     if (typeof window === "undefined")
         return false;