survey-js-ui 2.5.24 → 2.5.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "2.5.24",
+  "version": "2.5.26",
   "license": "MIT",
   "description": "A free MIT-licensed UI component that renders dynamic, interactive JSON-based forms and surveys in apps built with HTML, CSS, and JavaScript. You can use it to collect responses from users and send them to your own database.",
   "homepage": "https://surveyjs.io/",
@@ -53,7 +53,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.5.24",
+    "survey-core": "2.5.26",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-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)
  */
@@ -624,8 +624,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();
         };
@@ -5387,7 +5387,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 (_$1("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
                 _$1("label", { className: cssClasses.radioLabel },
@@ -5400,7 +5402,7 @@
         };
         SurveyQuestionBooleanRadio.prototype.renderElement = function () {
             var cssClasses = this.question.cssClasses;
-            return (_$1("div", { className: cssClasses.rootRadio },
+            return (_$1("div", { className: cssClasses.rootRadio, onKeyDown: this.handleOnKeyDown },
                 _$1("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                     (_$1(k$2, null,
                         this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
@@ -7527,6 +7529,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) {
@@ -7534,6 +7543,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;
@@ -7542,7 +7553,7 @@
             if (!this.question.canAddPanel)
                 return null;
             var btnText = this.renderLocString(this.question.locAddPanelText);
-            return (_$1("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
+            return (_$1("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled },
                 _$1("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
         };
         return SurveyQuestionPanelDynamicAddButton;
@@ -7556,6 +7567,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;
@@ -7563,7 +7576,7 @@
         SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
             var btnText = this.renderLocString(this.question.locRemovePanelText);
             var id = this.question.getPanelRemoveButtonId(this.data.panel);
-            return (_$1("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+            return (_$1("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled, type: "button" },
                 _$1("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
                 _$1("span", { className: this.question.cssClasses.iconRemove })));
         };
@@ -7628,7 +7641,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 () {
@@ -7641,7 +7665,7 @@
             return this.item.isVisible;
         };
         SurveyNavigationButton.prototype.renderElement = function () {
-            return (_$1("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 (_$1("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));
@@ -7945,7 +7969,7 @@
         }
     };
     var preact = React;
-    surveyCore.checkLibraryVersion("".concat("2.5.24"), "survey-js-ui");
+    surveyCore.checkLibraryVersion("".concat("2.5.26"), "survey-js-ui");
 
     Object.defineProperty(exports, 'Model', {
         enumerable: true,