survey-react-ui 2.5.24 → 2.5.26

package/fesm/survey-react-ui.mjs

@@ -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)
  */
@@ -451,8 +451,8 @@ class SurveyLocStringViewer extends React.Component {
         this.locStr.onStringChanged.remove(this.onChangedHandler);
     }
     componentDidUpdate(prevProps, prevState) {
-        if (!!prevProps.locStr) {
-            prevProps.locStr.onStringChanged.remove(this.onChangedHandler);
+        if (!!prevProps.model) {
+            prevProps.model.onStringChanged.remove(this.onChangedHandler);
         }
         this.reactOnStrChanged();
     }
@@ -4410,7 +4410,9 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     renderRadioItem(value, locText) {
         const cssClasses = this.question.cssClasses;
         const handleOnChange = () => {
-            this.question.value = value;
+            if (!this.question.isInputReadOnly) {
+                this.question.value = value;
+            }
         };
         return (React.createElement("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
             React.createElement("label", { className: cssClasses.radioLabel },
@@ -4423,7 +4425,7 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     }
     renderElement() {
         const cssClasses = this.question.cssClasses;
-        return (React.createElement("div", { className: cssClasses.rootRadio },
+        return (React.createElement("div", { className: cssClasses.rootRadio, onKeyDown: this.handleOnKeyDown },
             React.createElement("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                 (React.createElement(React.Fragment, null,
                     this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
@@ -6159,11 +6161,16 @@ class SurveyQuestionPanelDynamicAction extends ReactSurveyElement {
     get question() {
         return (this.props.item && this.props.item.data.question) || this.props.data.question;
     }
+    get isActionEnabled() {
+        return !this.props.item || this.props.item.enabled !== false;
+    }
 }
 class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicAction {
     constructor() {
         super(...arguments);
         this.handleClick = (event) => {
+            if (!this.isActionEnabled)
+                return;
             this.question.addPanelUI();
         };
     }
@@ -6171,7 +6178,7 @@ class SurveyQuestionPanelDynamicAddButton extends SurveyQuestionPanelDynamicActi
         if (!this.question.canAddPanel)
             return null;
         const btnText = this.renderLocString(this.question.locAddPanelText);
-        return (React.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick },
+        return (React.createElement("button", { type: "button", id: this.question.addButtonId, className: this.question.getAddButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled },
             React.createElement("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
     }
 }
@@ -6183,13 +6190,15 @@ class SurveyQuestionPanelDynamicRemoveButton extends SurveyQuestionPanelDynamicA
     constructor() {
         super(...arguments);
         this.handleClick = (event) => {
+            if (!this.isActionEnabled)
+                return;
             this.question.removePanelUI(this.data.panel);
         };
     }
     renderElement() {
         const btnText = this.renderLocString(this.question.locRemovePanelText);
         const id = this.question.getPanelRemoveButtonId(this.data.panel);
-        return (React.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
+        return (React.createElement("button", { id: id, className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, disabled: !this.isActionEnabled, type: "button" },
             React.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
             React.createElement("span", { className: this.question.cssClasses.iconRemove })));
     }
@@ -6240,6 +6249,19 @@ ReactElementFactory.Instance.registerElement("sv-paneldynamic-progress-text", (p
 });
 
 class SurveyNavigationButton extends ReactSurveyElement {
+    constructor() {
+        super(...arguments);
+        this.inputElement = null;
+        this.inputParent = null;
+        this.setInputRef = (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;
+        };
+    }
     get item() {
         return this.props.item;
     }
@@ -6247,7 +6269,7 @@ class SurveyNavigationButton extends ReactSurveyElement {
         return this.item.isVisible;
     }
     renderElement() {
-        return (React.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.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 }));
     }
 }
 ReactElementFactory.Instance.registerElement("sv-nav-btn", (props) => {
@@ -6437,7 +6459,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.5.24"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.5.26"}`, "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, SurveyFileItem, 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, SurveyQuestionImageMap, 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