survey-react-ui 2.2.6 → 2.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.2.6",
+  "version": "2.3.1",
   "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",
@@ -29,7 +29,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.2.6",
+    "survey-core": "2.3.1",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0"
   }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.1
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.1
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.1
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -4721,7 +4721,7 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         if (!item || !item.isCommentShowing)
             return null;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { key: item.normalizedId, className: this.question.getCommentAreaCss(true) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionCommentValueItem, { question: this.question, item: item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionCommentValueItem, { question: this.question, item: item, cssClasses: this.question.cssClasses })));
     };
     SurveyQuestionDropdownBase.prototype.renderEditorButtons = function () {
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_6__.SurveyActionBar, { model: this.dropdownListModel.editorButtons });
@@ -7136,7 +7136,7 @@ var SurveyQuestion = /** @class */ (function (_super) {
         var commentText = _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase.renderLocString(this.question.locCommentText);
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss() },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, commentText),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, isDisplayMode: this.question.isInputReadOnly })));
     };
     SurveyQuestion.prototype.renderHeader = function (question) {
         if (question.singleInputHideHeader)
@@ -7195,7 +7195,7 @@ var SurveyElementErrors = /** @class */ (function (_super) {
             var key = "error" + i;
             errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.element.cssError, id: this.id }, errors));
     };
     return SurveyElementErrors;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__.ReactSurveyElement));
@@ -7735,7 +7735,7 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
         if (!this.item.isCommentShowing)
             return null;
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionCommentValueItem, { question: this.question, item: this.item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) }));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionCommentValueItem, { question: this.question, item: this.item, cssClasses: this.question.cssClasses }));
     };
     SurveyQuestionCheckboxItem.prototype.renderCheckbox = function (isChecked, otherItem) {
         var id = this.question.getItemId(this.item);
@@ -7869,8 +7869,8 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
 
 var SurveyQuestionCommentValueItem = /** @class */ (function (_super) {
     __extends(SurveyQuestionCommentValueItem, _super);
-    function SurveyQuestionCommentValueItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function SurveyQuestionCommentValueItem(props) {
+        return _super.call(this, props) || this;
     }
     SurveyQuestionCommentValueItem.prototype.getTextAreaModel = function () {
         return this.props.question.getCommentTextAreaModel(this.props.item);
@@ -8962,8 +8962,8 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
         return tds;
     };
     SurveyQuestionMatrixRow.prototype.cellClick = function (row, column) {
-        row.value = column.value;
-        this.setState({ value: this.row.value });
+        row.cellClick(column);
+        this.setState({ value: row.value });
     };
     return SurveyQuestionMatrixRow;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement));
@@ -8980,6 +8980,7 @@ var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
         if (!!this.props.cellChanged) {
             this.props.cellChanged();
         }
+        this.setState({ value: this.row.isChecked(this.column) });
     };
     SurveyQuestionMatrixCell.prototype.handleOnMouseDown = function (event) {
         this.question.onMouseDown();
@@ -9016,22 +9017,22 @@ var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
         return !!this.question && !!this.row;
     };
     SurveyQuestionMatrixCell.prototype.renderElement = function () {
-        var isChecked = this.row.value == this.column.value;
+        var isChecked = this.row.isChecked(this.column);
         var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
         var itemClass = this.question.getItemClass(this.row, this.column);
+        var itemSvgIcon = this.question.getItemSvgIcon(this.row, this.column);
         var mobileSpan = this.question.isMobile ?
             (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
             : undefined;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
             this.renderInput(inputId, isChecked),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: this.cssClasses.itemDecorator },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { xlinkHref: this.question.itemSvgIcon })) :
-                null),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.question.cssMaterialDecorator }, itemSvgIcon ?
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", { className: this.question.cssItemDecorator },
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { xlinkHref: itemSvgIcon })) : null),
             mobileSpan));
     };
     SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row, this.column), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { id: inputId, type: this.question.checkType, className: this.question.cssItemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isDisabledAttr, readOnly: this.row.isReadOnlyAttr, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row, this.column), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage }));
     };
     return SurveyQuestionMatrixCell;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement));
@@ -9520,7 +9521,7 @@ var SurveyQuestionMatrixDropdownCell = /** @class */ (function (_super) {
     SurveyQuestionMatrixDropdownCell.prototype.renderOtherComment = function () {
         var question = this.cell.question;
         var cssClasses = question.cssClasses || {};
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_9__.SurveyQuestionCommentValueItem, { question: question, item: question.otherItem, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_9__.SurveyQuestionCommentValueItem, { question: question, item: question.otherItem, cssClasses: cssClasses });
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellCheckboxButton = function () {
         var key = this.cell.question.id + "item" + this.cell.choiceIndex;
@@ -10275,7 +10276,7 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
         if (!this.item.isCommentShowing)
             return null;
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionCommentValueItem, { question: this.question, item: this.item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) }));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_2__.SurveyQuestionCommentValueItem, { question: this.question, item: this.item, cssClasses: this.question.cssClasses }));
     };
     SurveyQuestionRadioItem.prototype.renderRadioButton = function () {
         var itemClass = this.question.getItemClass(this.item);
@@ -12127,7 +12128,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.2.6"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.3.1"), "survey-react-ui");
 
 })();