survey-react-ui 2.5.24 → 2.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.5.24",
+  "version": "2.5.26",
   "license": "MIT",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -51,7 +51,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.5.24",
+    "survey-core": "2.5.26",
     "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.5.24
+ * surveyjs - Survey JavaScript library v2.5.26
  * Copyright (c) 2015-2026 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -588,8 +588,8 @@
             this.locStr.onStringChanged.remove(this.onChangedHandler);
         };
         SurveyLocStringViewer.prototype.componentDidUpdate = function (prevProps, prevState) {
-            if (!!prevProps.locStr) {
-                prevProps.locStr.onStringChanged.remove(this.onChangedHandler);
+            if (!!prevProps.model) {
+                prevProps.model.onStringChanged.remove(this.onChangedHandler);
             }
             this.reactOnStrChanged();
         };
@@ -5307,7 +5307,9 @@
             var _this = this;
             var cssClasses = this.question.cssClasses;
             var handleOnChange = function () {
-                _this.question.value = value;
+                if (!_this.question.isInputReadOnly) {
+                    _this.question.value = value;
+                }
             };
             return (React__namespace.createElement("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
                 React__namespace.createElement("label", { className: cssClasses.radioLabel },
@@ -5320,7 +5322,7 @@
         };
         SurveyQuestionBooleanRadio.prototype.renderElement = function () {
             var cssClasses = this.question.cssClasses;
-            return (React__namespace.createElement("div", { className: cssClasses.rootRadio },
+            return (React__namespace.createElement("div", { className: cssClasses.rootRadio, onKeyDown: this.handleOnKeyDown },
                 React__namespace.createElement("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                     (React__namespace.createElement(React__namespace.Fragment, null,
                         this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
@@ -7447,6 +7449,13 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(SurveyQuestionPanelDynamicAction.prototype, "isActionEnabled", {
+            get: function () {
+                return !this.props.item || this.props.item.enabled !== false;
+            },
+            enumerable: false,
+            configurable: true
+        });
         return SurveyQuestionPanelDynamicAction;
     }(ReactSurveyElement));
     var SurveyQuestionPanelDynamicAddButton = /** @class */ (function (_super) {
@@ -7454,6 +7463,8 @@
         function SurveyQuestionPanelDynamicAddButton() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this.handleClick = function (event) {
+                if (!_this.isActionEnabled)
+                    return;
                 _this.question.addPanelUI();
             };
             return _this;
@@ -7462,7 +7473,7 @@
             if (!this.question.canAddPanel)
                 return null;
             var btnText = this.renderLocString(this.question.locAddPanelText);
-            return (React__namespace.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
+            return (React__namespace.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled },
                 React__namespace.createElement("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
         };
         return SurveyQuestionPanelDynamicAddButton;
@@ -7476,6 +7487,8 @@
         function SurveyQuestionPanelDynamicRemoveButton() {
             var _this = _super !== null && _super.apply(this, arguments) || this;
             _this.handleClick = function (event) {
+                if (!_this.isActionEnabled)
+                    return;
                 _this.question.removePanelUI(_this.data.panel);
             };
             return _this;
@@ -7483,7 +7496,7 @@
         SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
             var btnText = this.renderLocString(this.question.locRemovePanelText);
             var id = this.question.getPanelRemoveButtonId(this.data.panel);
-            return (React__namespace.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+            return (React__namespace.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled, type: "button" },
                 React__namespace.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
                 React__namespace.createElement("span", { className: this.question.cssClasses.iconRemove })));
         };
@@ -7548,7 +7561,18 @@
     var SurveyNavigationButton = /** @class */ (function (_super) {
         __extends(SurveyNavigationButton, _super);
         function SurveyNavigationButton() {
-            return _super !== null && _super.apply(this, arguments) || this;
+            var _this = _super !== null && _super.apply(this, arguments) || this;
+            _this.inputElement = null;
+            _this.inputParent = null;
+            _this.setInputRef = function (element) {
+                var _a;
+                if (!element && !!_this.inputElement && !!_this.inputParent && _this.inputElement.parentNode !== _this.inputParent) {
+                    _this.inputParent.appendChild(_this.inputElement);
+                }
+                _this.inputElement = element;
+                _this.inputParent = (_a = element === null || element === void 0 ? void 0 : element.parentNode) !== null && _a !== void 0 ? _a : _this.inputParent;
+            };
+            return _this;
         }
         Object.defineProperty(SurveyNavigationButton.prototype, "item", {
             get: function () {
@@ -7561,7 +7585,7 @@
             return this.item.isVisible;
         };
         SurveyNavigationButton.prototype.renderElement = function () {
-            return (React__namespace.createElement("input", { className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
+            return (React__namespace.createElement("input", { ref: this.setInputRef, className: this.item.innerCss, type: "button", disabled: this.item.disabled, onMouseDown: this.item.data && this.item.data.mouseDown, onClick: this.item.action, title: this.item.getTooltip(), value: this.item.title }));
         };
         return SurveyNavigationButton;
     }(ReactSurveyElement));
@@ -7813,7 +7837,7 @@
         return React__namespace.createElement(SurveyLocStringEditor, props);
     });
 
-    surveyCore.checkLibraryVersion("".concat("2.5.24"), "survey-react-ui");
+    surveyCore.checkLibraryVersion("".concat("2.5.26"), "survey-react-ui");
 
     Object.defineProperty(exports, "Model", {
         enumerable: true,