survey-react-ui 1.9.101 → 1.9.103

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.101",
+  "version": "1.9.103",
   "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.101",
+    "survey-core": "1.9.103",
     "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.101
+ * surveyjs - Survey JavaScript library v1.9.103
  * 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.101", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.103", "survey-react-ui");
 
 
 /***/ }),
@@ -1992,6 +1992,8 @@ var MatrixRow = /** @class */ (function (_super) {
     MatrixRow.prototype.render = function () {
         var _this = this;
         var model = this.model;
+        if (!model.visible)
+            return null;
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", { className: model.className, "data-sv-drop-target-matrix-row": model.row && model.row.id, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
     };
     return MatrixRow;
@@ -3633,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;
             }
         }
@@ -5809,7 +5811,7 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     }
     Object.defineProperty(SurveyElementErrors.prototype, "id", {
         get: function () {
-            return this.props.id;
+            return this.props.element.id + "_errors";
         },
         enumerable: false,
         configurable: true
@@ -5963,12 +5965,7 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     };
     SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
         var style = this.getCellStyle();
-        var errorsTooltip = this.question.isErrorsModeTooltip
-            ? this.renderErrors("tooltip")
-            : null;
-        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.renderContent(),
-            errorsTooltip)))));
+        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())))));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -6992,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);
             }
         };
@@ -7016,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);
             }
         }
@@ -7265,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));
         }
@@ -7652,13 +7649,14 @@ _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Inst
 /*!********************************************************!*\
   !*** ./src/react/reactquestion_matrixdropdownbase.tsx ***!
   \********************************************************/
-/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell */
+/*! exports provided: SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownErrorCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownBase", function() { return SurveyQuestionMatrixDropdownBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownCell", function() { return SurveyQuestionMatrixDropdownCell; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixDropdownErrorCell", function() { return SurveyQuestionMatrixDropdownErrorCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
@@ -7867,6 +7865,11 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
         if (cell.hasPanel) {
             cellContent = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_panel__WEBPACK_IMPORTED_MODULE_5__["SurveyPanel"], { key: cell.panel.id, element: cell.panel, survey: this.question.survey, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
         }
+        if (cell.isErrorsCell) {
+            if (cell.isErrorsCell) {
+                return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixDropdownErrorCell, { cell: cell, creator: this.creator }));
+            }
+        }
         if (!cellContent)
             return null;
         var readyCell = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, cellContent));
@@ -7921,6 +7924,7 @@ var SurveyQuestionMatrixHeaderRequired = /** @class */ (function (_super) {
         if (!this.column.isRenderedRequired)
             return null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, "\u00A0"),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.cellRequiredText }, this.column.requiredText)));
     };
     return SurveyQuestionMatrixHeaderRequired;
@@ -8012,6 +8016,56 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
     return SurveyQuestionMatrixDropdownCell;
 }(_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyQuestionAndErrorsCell"]));
 
+var SurveyQuestionMatrixDropdownErrorCell = /** @class */ (function (_super) {
+    __extends(SurveyQuestionMatrixDropdownErrorCell, _super);
+    function SurveyQuestionMatrixDropdownErrorCell(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            changed: 0
+        };
+        if (_this.cell) {
+            _this.registerCallback(_this.cell);
+        }
+        return _this;
+    }
+    Object.defineProperty(SurveyQuestionMatrixDropdownErrorCell.prototype, "cell", {
+        get: function () {
+            return this.props.cell;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionMatrixDropdownErrorCell.prototype.update = function () {
+        this.setState({ changed: this.state.changed + 1 });
+    };
+    SurveyQuestionMatrixDropdownErrorCell.prototype.registerCallback = function (cell) {
+        var _this = this;
+        cell.question.registerFunctionOnPropertyValueChanged("errors", function () {
+            _this.update();
+        }, "__reactSubscription");
+    };
+    SurveyQuestionMatrixDropdownErrorCell.prototype.unRegisterCallback = function (cell) {
+        cell.question.unRegisterFunctionOnPropertyValueChanged("errors", "__reactSubscription");
+    };
+    SurveyQuestionMatrixDropdownErrorCell.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.cell && prevProps.cell !== this.cell) {
+            this.unRegisterCallback(prevProps.cell);
+        }
+        if (this.cell) {
+            this.registerCallback(this.cell);
+        }
+    };
+    SurveyQuestionMatrixDropdownErrorCell.prototype.componentWillUnmount = function () {
+        if (this.cell) {
+            this.unRegisterCallback(this.cell);
+        }
+    };
+    SurveyQuestionMatrixDropdownErrorCell.prototype.render = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: this.cell.question, creator: this.props.creator, cssClasses: this.cell.question.cssClasses });
+    };
+    return SurveyQuestionMatrixDropdownErrorCell;
+}(react__WEBPACK_IMPORTED_MODULE_0__["Component"]));
+
 
 
 /***/ }),
@@ -8259,7 +8313,7 @@ var SurveyMultipleTextItem = /** @class */ (function (_super) {
             this.renderItemTooltipError(item, cssClasses)));
     };
     SurveyMultipleTextItem.prototype.renderItemTooltipError = function (item, cssClasses) {
-        return this.item.editor.isErrorsModeTooltip ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: item.editor, cssClasses: cssClasses, creator: this.creator, location: "tooltip", id: item.editor.id + "_errors" })) : null;
+        return this.item.editor.isErrorsModeTooltip ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_reactquestion__WEBPACK_IMPORTED_MODULE_2__["SurveyElementErrors"], { element: item.editor, cssClasses: cssClasses, creator: this.creator, location: "tooltip" })) : null;
     };
     return SurveyMultipleTextItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -9867,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;
             }
         }
@@ -10431,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,
@@ -10570,11 +10618,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",