survey-react-ui 2.2.6 → 2.3.0

package/fesm/survey-react-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1207,6 +1207,9 @@ class SurveyQuestionCommentItem extends ReactSurveyElement {
     getKey() { return undefined; }
 }
 class SurveyQuestionCommentValueItem extends SurveyQuestionCommentItem {
+    constructor(props) {
+        super(props);
+    }
     getTextAreaModel() {
         return this.props.question.getCommentTextAreaModel(this.props.item);
     }
@@ -1520,7 +1523,7 @@ class SurveyQuestion extends SurveyElementBase {
         const commentText = SurveyElementBase.renderLocString(this.question.locCommentText);
         return (React.createElement("div", { className: this.question.getCommentAreaCss() },
             React.createElement("div", null, commentText),
-            React.createElement(SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: this.question.isInputReadOnly })));
+            React.createElement(SurveyQuestionCommentItem, { question: this.question, cssClasses: cssClasses, isDisplayMode: this.question.isInputReadOnly })));
     }
     renderHeader(question) {
         if (question.singleInputHideHeader)
@@ -1562,7 +1565,7 @@ class SurveyElementErrors extends ReactSurveyElement {
             const key = "error" + i;
             errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
         }
-        return (React.createElement("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
+        return (React.createElement("div", { className: this.element.cssError, id: this.id }, errors));
     }
 }
 class SurveyQuestionAndErrorsWrapped extends ReactSurveyElement {
@@ -1927,7 +1930,7 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1997,7 +2000,7 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.2.6
+ * surveyjs - Survey JavaScript library v2.3.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2777,7 +2780,7 @@ class SurveyQuestionCheckboxItem extends ReactSurveyElement {
         if (!this.item.isCommentShowing)
             return null;
         return React.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: this.item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) }));
+            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: this.item, cssClasses: this.question.cssClasses }));
     }
     renderCheckbox(isChecked, otherItem) {
         const id = this.question.getItemId(this.item);
@@ -3244,7 +3247,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
         if (!item || !item.isCommentShowing)
             return null;
         return (React.createElement("div", { key: item.normalizedId, className: this.question.getCommentAreaCss(true) },
-            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) })));
+            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: item, cssClasses: this.question.cssClasses })));
     }
     renderEditorButtons() {
         return React.createElement(SurveyActionBar, { model: this.dropdownListModel.editorButtons });
@@ -3514,8 +3517,8 @@ class SurveyQuestionMatrixRow extends ReactSurveyElement {
         return tds;
     }
     cellClick(row, column) {
-        row.value = column.value;
-        this.setState({ value: this.row.value });
+        row.cellClick(column);
+        this.setState({ value: row.value });
     }
 }
 class SurveyQuestionMatrixCell extends ReactSurveyElement {
@@ -3528,6 +3531,7 @@ class SurveyQuestionMatrixCell extends ReactSurveyElement {
         if (!!this.props.cellChanged) {
             this.props.cellChanged();
         }
+        this.setState({ value: this.row.isChecked(this.column) });
     }
     handleOnMouseDown(event) {
         this.question.onMouseDown();
@@ -3548,22 +3552,22 @@ class SurveyQuestionMatrixCell extends ReactSurveyElement {
         return !!this.question && !!this.row;
     }
     renderElement() {
-        const isChecked = this.row.value == this.column.value;
+        const isChecked = this.row.isChecked(this.column);
         const inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
         const itemClass = this.question.getItemClass(this.row, this.column);
+        const itemSvgIcon = this.question.getItemSvgIcon(this.row, this.column);
         const mobileSpan = this.question.isMobile ?
             (React.createElement("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
             : undefined;
         return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
             this.renderInput(inputId, isChecked),
-            React.createElement("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                React.createElement("svg", { className: this.cssClasses.itemDecorator },
-                    React.createElement("use", { xlinkHref: this.question.itemSvgIcon })) :
-                null),
+            React.createElement("span", { className: this.question.cssMaterialDecorator }, itemSvgIcon ?
+                React.createElement("svg", { className: this.question.cssItemDecorator },
+                    React.createElement("use", { xlinkHref: itemSvgIcon })) : null),
             mobileSpan));
     }
     renderInput(inputId, isChecked) {
-        return (React.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.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 }));
     }
 }
 ReactElementFactory.Instance.registerElement("survey-matrix-cell", props => {
@@ -3984,7 +3988,7 @@ class SurveyQuestionRadioItem extends ReactSurveyElement {
         if (!this.item.isCommentShowing)
             return null;
         return React.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: this.item, isDisplayMode: this.isDisplayMode, cssClasses: this.question.cssClasses, otherCss: this.question.getCommentAreaCss(false) }));
+            React.createElement(SurveyQuestionCommentValueItem, { question: this.question, item: this.item, cssClasses: this.question.cssClasses }));
     }
     renderRadioButton() {
         var itemClass = this.question.getItemClass(this.item);
@@ -4610,7 +4614,7 @@ class SurveyQuestionMatrixDropdownCell extends SurveyQuestionAndErrorsCell {
     renderOtherComment() {
         const question = this.cell.question;
         const cssClasses = question.cssClasses || {};
-        return React.createElement(SurveyQuestionCommentValueItem, { question: question, item: question.otherItem, cssClasses: cssClasses, otherCss: cssClasses.other, isDisplayMode: question.isInputReadOnly });
+        return React.createElement(SurveyQuestionCommentValueItem, { question: question, item: question.otherItem, cssClasses: cssClasses });
     }
     renderCellCheckboxButton() {
         var key = this.cell.question.id + "item" + this.cell.choiceIndex;
@@ -6207,7 +6211,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.2.6"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.3.0"}`, "survey-react-ui");
 
 export { CharacterCounterComponent, ComponentsContainer, Header, HeaderCell, HeaderMobile, List, ListItemContent, ListItemGroup, LoadingIndicatorComponent, LogoImage, MatrixRow, NotifierComponent, Popup, PopupModal, PopupSurvey, QuestionErrorComponent, RatingDropdownItem, RatingItem, RatingItemSmiley, RatingItemStar, ReactElementFactory, ReactQuestionFactory, ReactSurveyElement, ReactSurveyElementsWrapper, Scroll, Skeleton, SliderLabelItem, Survey, SurveyActionBar, SurveyElementBase, SurveyElementErrors, SurveyFileChooseButton, SurveyFilePreview, SurveyFlowPanel, SurveyHeader, SurveyLocStringEditor, SurveyLocStringViewer, SurveyNavigationBase, SurveyNavigationButton, SurveyPage, SurveyPanel, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestion, SurveyQuestionAndErrorsCell, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionButtonGroup, SurveyQuestionButtonGroupDropdown, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionComment, SurveyQuestionCommentItem, SurveyQuestionComposite, SurveyQuestionCustom, SurveyQuestionDropdown, SurveyQuestionDropdownBase, SurveyQuestionDropdownSelect, SurveyQuestionElementBase, SurveyQuestionEmpty, SurveyQuestionExpression, SurveyQuestionFile, SurveyQuestionHtml, SurveyQuestionImage, SurveyQuestionImagePicker, SurveyQuestionMatrix, SurveyQuestionMatrixCell, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixRow, SurveyQuestionMultipleText, SurveyQuestionOptionItem, SurveyQuestionPanelDynamic, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicProgressText, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionRadioItem, SurveyQuestionRadiogroup, SurveyQuestionRanking, SurveyQuestionRankingItem, SurveyQuestionRankingItemContent, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionSignaturePad, SurveyQuestionSlider, SurveyQuestionTagbox, SurveyQuestionTagboxItem, SurveyQuestionText, SurveyRow, SurveyTimerPanel, SurveyWindow, SvgBundleComponent, SvgIcon, TagboxFilterString, TitleActions, TitleElement, attachKey2click };
 //# sourceMappingURL=survey-react-ui.mjs.map