survey-react-ui 1.9.102 → 1.9.104

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.102",
+  "version": "1.9.104",
   "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.102",
+    "survey-core": "1.9.104",
     "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.102
+ * surveyjs - Survey JavaScript library v1.9.104
  * 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.102", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.104", "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) },
@@ -3635,7 +3635,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.question.dropdownListModel.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true, false)) {
                 control.value = this.question.dropdownListModel.inputStringRendered;
             }
         }
@@ -6989,7 +6989,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
     function SurveyQuestionUncontrolledElement(props) {
         var _this = _super.call(this, props) || this;
         _this.updateValueOnEvent = function (event) {
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value, false, true)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(_this.questionBase.value, event.target.value, false, true, false)) {
                 _this.setValueCore(event.target.value);
             }
         };
@@ -7013,7 +7013,7 @@ var SurveyQuestionUncontrolledElement = /** @class */ (function (_super) {
         if (!!this.control) {
             var control = this.control;
             var newValue = this.getValueCore();
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true, false)) {
                 control.value = this.getValue(newValue);
             }
         }
@@ -7262,9 +7262,9 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var questionCss = this.question.cssClasses;
         var noFileChosen = null;
         var chooseFile = null;
-        chooseFile = this.question.isReadOnly ? null : Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_5__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { role: "button", tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonCaption },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.question.chooseButtonCaption),
-            (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { title: this.question.chooseButtonCaption, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null));
+        chooseFile = this.question.isReadOnly ? null : Object(_reactSurvey__WEBPACK_IMPORTED_MODULE_5__["attachKey2click"])(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { role: "button", tabIndex: 0, className: this.question.getChooseFileCss(), htmlFor: this.question.inputId, "aria-label": this.question.chooseButtonText },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, this.question.chooseButtonText),
+            (!!this.question.cssClasses.chooseFileIconId) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { title: this.question.chooseButtonText, iconName: this.question.cssClasses.chooseFileIconId, size: "auto" }) : null));
         if (this.question.isEmpty()) {
             noFileChosen = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption));
         }
@@ -9921,7 +9921,7 @@ var TagboxFilterString = /** @class */ (function (_super) {
         if (!!this.inputElement) {
             var control = this.inputElement;
             var newValue = this.model.inputStringRendered;
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true)) {
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(newValue, control.value, false, true, false)) {
                 control.value = this.model.inputStringRendered;
             }
         }
@@ -10485,12 +10485,6 @@ var settings = {
      *
      * - `caseSensitive`: `Boolean`\
      * Specifies whether to differentiate between capital and lower-case letters. Default value: `false`.
-     *
-     * - `normalizedTextCallback`: `(str: string, reason: string) => string`
-     * Use the following function { str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); }
-     * If you want to 'Brouillé' to be equal to 'Brouille'.
-     * Use the following function { return reason === "filter" ? str.normalize("NFD").replace(/[\u0300-\u036f]/g, ""): ""; }
-     * If you want to use this functionality during filtering only, for example in list.
      */
     comparator: {
         trimStrings: true,
@@ -10527,12 +10521,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.
      *
@@ -10624,11 +10630,22 @@ var settings = {
      * - `"icon"` - Users can only use the choice item icon as a drag handle.
      */
     rankingDragHandleArea: "entireItem",
+    environment: defaultEnvironment,
     /**
-     * Specifies environment in which SurveyJS will exist
+     * Allows you to hide the maximum length indicator in text input questions.
+     *
+     * If you specify a question's [`maxLength`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maxLength) property or a survey's [`maxTextLength`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#maxTextLength) property, text input questions indicate the number of entered characters and the character limit. Assign `false` to the `settings.showMaxLengthIndicator` property if you want to hide this indicator.
+     *
+     * Default value: `true`
      */
-    environment: defaultEnvironment,
     showMaxLengthIndicator: true,
+    /**
+     * An object that specifies heading levels (`<h1>`, `<h2>`, etc.) to use when rendering survey, page, panel, and question titles.
+     *
+     * Default value: `{ survey: "h3", page: "h4", panel: "h4", question: "h5" }`
+     *
+     * If you want to modify heading levels for individual titles, handle `SurveyModel`'s [`onGetTitleTagName`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onGetTitleTagName) event.
+     */
     titleTags: {
         survey: "h3",
         page: "h4",
@@ -10881,7 +10898,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";
@@ -10900,6 +10917,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; });
@@ -10937,6 +10955,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;