survey-react-ui 2.2.5 → 2.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.2.5",
+  "version": "2.3.0",
   "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.5",
+    "survey-core": "2.3.0",
     "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.5
+ * 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)
  */
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.2.5
+ * 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)
  */
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.2.5
+ * 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)
  */
@@ -4717,9 +4717,11 @@ var SurveyQuestionDropdownBase = /** @class */ (function (_super) {
         };
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "text", autoComplete: "off", id: this.question.getInputId(), ref: function (element) { return (_this.inputElement = element); }, className: this.question.cssClasses.filterStringInput, role: dropdownListModel.ariaInputRole, "aria-required": dropdownListModel.ariaInputRequired, "aria-invalid": dropdownListModel.ariaInputInvalid, "aria-errormessage": dropdownListModel.ariaInputErrorMessage, "aria-expanded": dropdownListModel.ariaInputExpanded, "aria-label": dropdownListModel.ariaInputLabel, "aria-labelledby": dropdownListModel.ariaInputLabelledby, "aria-describedby": dropdownListModel.ariaInputDescribedby, "aria-controls": dropdownListModel.ariaInputControls, "aria-activedescendant": dropdownListModel.ariaInputActivedescendant, placeholder: dropdownListModel.placeholderRendered, readOnly: dropdownListModel.filterReadOnly ? true : undefined, tabIndex: dropdownListModel.noTabIndex ? undefined : -1, disabled: this.question.isDisabledAttr, inputMode: dropdownListModel.inputMode, onChange: function (e) { onInputChange(e); }, onBlur: this.blur, onFocus: this.focus });
     };
-    SurveyQuestionDropdownBase.prototype.renderOther = function (cssClasses) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.getCommentAreaCss(true) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_reactquestion_comment__WEBPACK_IMPORTED_MODULE_4__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, isOther: true })));
+    SurveyQuestionDropdownBase.prototype.renderOther = function (item, cssClasses) {
+        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, 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 });
@@ -5625,7 +5627,7 @@ var SurveyQuestionImagePickerItem = /** @class */ (function (_super) {
         }
         var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: itemClass },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("label", { className: cssClasses.label },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": item.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, required: this.question.inputRequiredAttribute, "aria-label": item.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.itemDecorator },
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?
@@ -7134,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)
@@ -7193,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));
@@ -7555,8 +7557,7 @@ var SurveyQuestionCheckbox = /** @class */ (function (_super) {
             this.question.hasColumns
                 ? this.getColumnedBody(cssClasses)
                 : this.getBody(cssClasses),
-            this.getFooter(),
-            this.question.isOtherSelected ? this.renderOther() : null));
+            this.getFooter()));
     };
     SurveyQuestionCheckbox.prototype.getHeader = function () {
         var _this = this;
@@ -7598,7 +7599,6 @@ var SurveyQuestionCheckbox = /** @class */ (function (_super) {
         var renderedItems = [];
         for (var i = 0; i < choices.length; i++) {
             var item = choices[i];
-            var key = "item" + item.value;
             var renderedItem = this.renderItem(item, i == 0, cssClasses, "" + i);
             if (!!renderedItem) {
                 renderedItems.push(renderedItem);
@@ -7613,11 +7613,6 @@ var SurveyQuestionCheckbox = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyQuestionCheckbox.prototype.renderOther = function () {
-        var cssClasses = this.question.cssClasses;
-        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__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
-    };
     SurveyQuestionCheckbox.prototype.renderItem = function (item, isFirst, cssClasses, index) {
         var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement(this.question.itemComponent, {
             key: item.value,
@@ -7725,7 +7720,9 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
     };
     SurveyQuestionCheckboxItem.prototype.renderElement = function () {
         var isChecked = this.question.isItemSelected(this.item);
-        return this.renderCheckbox(isChecked, null);
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+            this.renderCheckbox(isChecked, null),
+            this.renderComment());
     };
     Object.defineProperty(SurveyQuestionCheckboxItem.prototype, "inputStyle", {
         get: function () {
@@ -7734,6 +7731,12 @@ var SurveyQuestionCheckboxItem = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyQuestionCheckboxItem.prototype.renderComment = function () {
+        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, cssClasses: this.question.cssClasses }));
+    };
     SurveyQuestionCheckboxItem.prototype.renderCheckbox = function (isChecked, otherItem) {
         var id = this.question.getItemId(this.item);
         var itemClass = this.question.getItemClass(this.item);
@@ -7786,7 +7789,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   SurveyQuestionComment: () => (/* binding */ SurveyQuestionComment),
 /* harmony export */   SurveyQuestionCommentItem: () => (/* binding */ SurveyQuestionCommentItem),
-/* harmony export */   SurveyQuestionOtherValueItem: () => (/* binding */ SurveyQuestionOtherValueItem)
+/* harmony export */   SurveyQuestionCommentValueItem: () => (/* binding */ SurveyQuestionCommentValueItem)
 /* harmony export */ });
 /* 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__);
@@ -7858,20 +7861,22 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
             var comment = this.textAreaModel.getTextValue() || "";
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, comment);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_text_area__WEBPACK_IMPORTED_MODULE_4__.TextAreaComponent, { viewModel: this.textAreaModel }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_text_area__WEBPACK_IMPORTED_MODULE_4__.TextAreaComponent, { key: this.getKey(), viewModel: this.textAreaModel }));
     };
+    SurveyQuestionCommentItem.prototype.getKey = function () { return undefined; };
     return SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.ReactSurveyElement));
 
-var SurveyQuestionOtherValueItem = /** @class */ (function (_super) {
-    __extends(SurveyQuestionOtherValueItem, _super);
-    function SurveyQuestionOtherValueItem() {
-        return _super !== null && _super.apply(this, arguments) || this;
+var SurveyQuestionCommentValueItem = /** @class */ (function (_super) {
+    __extends(SurveyQuestionCommentValueItem, _super);
+    function SurveyQuestionCommentValueItem(props) {
+        return _super.call(this, props) || this;
     }
-    SurveyQuestionOtherValueItem.prototype.getTextAreaModel = function () {
-        return this.props.question.otherTextAreaModel;
+    SurveyQuestionCommentValueItem.prototype.getTextAreaModel = function () {
+        return this.props.question.getCommentTextAreaModel(this.props.item);
     };
-    return SurveyQuestionOtherValueItem;
+    SurveyQuestionCommentValueItem.prototype.getKey = function () { return this.props.item.normalizedId; };
+    return SurveyQuestionCommentValueItem;
 }(SurveyQuestionCommentItem));
 
 _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__.ReactQuestionFactory.Instance.registerQuestion("comment", function (props) {
@@ -7999,7 +8004,7 @@ var SurveyQuestionDropdown = /** @class */ (function (_super) {
     }
     SurveyQuestionDropdown.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
+        var comment = this.renderOther(this.question.selectedItem, cssClasses);
         var select = this.renderSelect(cssClasses);
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.renderCssRoot },
             select,
@@ -8528,7 +8533,7 @@ var SurveyQuestionExpression = /** @class */ (function (_super) {
     SurveyQuestionExpression.prototype.renderElement = function () {
         var _this = this;
         var cssClasses = this.question.cssClasses;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); } }, this.question.formatedValue));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.question.inputId, className: cssClasses.root, ref: function (div) { return (_this.setControl(div)); }, "aria-live": "polite", "aria-label": this.question.formatedValue }, this.question.formatedValue));
     };
     return SurveyQuestionExpression;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__.SurveyQuestionElementBase));
@@ -8957,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));
@@ -8975,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();
@@ -9011,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));
@@ -9515,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__.SurveyQuestionOtherValueItem, { question: question, 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;
@@ -10098,7 +10104,6 @@ var SurveyQuestionRadiogroup = /** @class */ (function (_super) {
                 ? this.getColumnedBody(cssClasses)
                 : this.getBody(cssClasses),
             this.getFooter(),
-            this.question.isOtherSelected ? this.renderOther(cssClasses) : null,
             clearButton));
     };
     SurveyQuestionRadiogroup.prototype.getFooter = function () {
@@ -10147,10 +10152,6 @@ var SurveyQuestionRadiogroup = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyQuestionRadiogroup.prototype.renderOther = function (cssClasses) {
-        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__.SurveyQuestionOtherValueItem, { question: this.question, otherCss: cssClasses.other, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode })));
-    };
     SurveyQuestionRadiogroup.prototype.renderItem = function (item, value, cssClasses, index) {
         var renderedItem = _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement(this.question.itemComponent, {
             key: item.value,
@@ -10267,6 +10268,17 @@ var SurveyQuestionRadioItem = /** @class */ (function (_super) {
         }
     };
     SurveyQuestionRadioItem.prototype.renderElement = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
+            this.renderRadioButton(),
+            this.renderComment());
+    };
+    SurveyQuestionRadioItem.prototype.renderComment = function () {
+        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, cssClasses: this.question.cssClasses }));
+    };
+    SurveyQuestionRadioItem.prototype.renderRadioButton = function () {
         var itemClass = this.question.getItemClass(this.item);
         var labelClass = this.question.getLabelClass(this.item);
         var controlLabelClass = this.question.getControlLabelClass(this.item);
@@ -10933,7 +10945,7 @@ var SurveyQuestionTagbox = /** @class */ (function (_super) {
     };
     SurveyQuestionTagbox.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        var comment = this.question.isOtherSelected ? this.renderOther(cssClasses) : null;
+        var comment = this.renderOther(this.question.otherItem, cssClasses);
         var select = this.renderSelect(cssClasses);
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.renderCssRoot },
             select,
@@ -12116,7 +12128,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.2.5"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.3.0"), "survey-react-ui");
 
 })();