survey-react-ui 2.3.1 → 2.3.2

package/fesm/survey-react-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.3.1
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1930,7 +1930,7 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.1
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2000,7 +2000,7 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.1
+ * surveyjs - Survey JavaScript library v2.3.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3694,12 +3694,22 @@ ReactElementFactory.Instance.registerElement("sv-file-choose-btn", (props) => {
     return React.createElement(SurveyFileChooseButton, props);
 });
 
-class SurveyFileItem extends SurveyElementBase {
+class SurveyFilePage extends SurveyElementBase {
     get question() {
         return this.props.question;
     }
-    get item() {
-        return this.props.item;
+    get page() {
+        return this.props.page;
+    }
+    renderElement() {
+        const items = this.page.items.map((item, index) => { return ReactElementFactory.Instance.createElement("sv-file-item", { item, question: this.question, key: index }); });
+        return (React.createElement("div", { className: this.page.css, id: this.page.id }, items));
+    }
+}
+
+class SurveyFilePreview extends SurveyElementBase {
+    get question() {
+        return this.props.question;
     }
     renderFileSign(className, val) {
         if (!className || !val.name)
@@ -3710,38 +3720,23 @@ class SurveyFileItem extends SurveyElementBase {
                 }, title: val.name, download: val.name, style: { width: this.question.imageWidth } }, val.name)));
     }
     renderElement() {
-        const val = this.item;
-        return (React.createElement("span", { className: this.question.cssClasses.previewItem, onClick: (event) => this.question.doDownloadFileFromContainer(event) },
-            this.renderFileSign(this.question.cssClasses.fileSign, val),
-            React.createElement("div", { className: this.question.getImageWrapperCss(val) },
-                this.question.canPreviewImage(val) ? (React.createElement("img", { src: val.content, style: { height: this.question.imageHeight, width: this.question.imageWidth }, alt: "File preview" })) : (this.question.cssClasses.defaultImage ? (React.createElement(SvgIcon, { iconName: this.question.cssClasses.defaultImageIconId, size: "auto", className: this.question.cssClasses.defaultImage })) : null),
-                val.name && !this.question.isReadOnly ? (React.createElement("div", { className: this.question.getRemoveButtonCss(), onClick: (event) => this.question.doRemoveFile(val, event) },
-                    React.createElement("span", { className: this.question.cssClasses.removeFile }, this.question.removeFileCaption),
-                    (this.question.cssClasses.removeFileSvgIconId) ?
-                        (React.createElement(SvgIcon, { title: this.question.removeFileCaption, iconName: this.question.cssClasses.removeFileSvgIconId, size: "auto", className: this.question.cssClasses.removeFileSvg })) : null)) : null),
-            this.renderFileSign(this.question.cssClasses.fileSignBottom, val)));
+        const content = this.question.renderedPages.map((page, index) => { return (React.createElement(SurveyFilePage, { page: page, question: this.question, key: page.id })); });
+        return React.createElement("div", { className: this.question.cssClasses.fileList || undefined }, content);
     }
     canRender() {
         return this.question.showPreviewContainer;
     }
 }
+ReactElementFactory.Instance.registerElement("sv-file-preview", (props) => {
+    return React.createElement(SurveyFilePreview, props);
+});
 
-class SurveyFilePage extends SurveyElementBase {
+class SurveyFileItem extends SurveyElementBase {
     get question() {
         return this.props.question;
     }
-    get page() {
-        return this.props.page;
-    }
-    renderElement() {
-        const items = this.page.items.map((item, index) => { return (React.createElement(SurveyFileItem, { item: item, question: this.question, key: index })); });
-        return (React.createElement("div", { className: this.page.css, id: this.page.id }, items));
-    }
-}
-
-class SurveyFilePreview extends SurveyElementBase {
-    get question() {
-        return this.props.question;
+    get item() {
+        return this.props.item;
     }
     renderFileSign(className, val) {
         if (!className || !val.name)
@@ -3752,15 +3747,23 @@ class SurveyFilePreview extends SurveyElementBase {
                 }, title: val.name, download: val.name, style: { width: this.question.imageWidth } }, val.name)));
     }
     renderElement() {
-        const content = this.question.renderedPages.map((page, index) => { return (React.createElement(SurveyFilePage, { page: page, question: this.question, key: page.id })); });
-        return React.createElement("div", { className: this.question.cssClasses.fileList || undefined }, content);
+        const val = this.item;
+        return (React.createElement("span", { className: this.question.cssClasses.previewItem, onClick: (event) => this.question.doDownloadFileFromContainer(event) },
+            this.renderFileSign(this.question.cssClasses.fileSign, val),
+            React.createElement("div", { className: this.question.getImageWrapperCss(val) },
+                this.question.canPreviewImage(val) ? (React.createElement("img", { src: val.content, style: { height: this.question.imageHeight, width: this.question.imageWidth }, alt: "File preview" })) : (this.question.cssClasses.defaultImage ? (React.createElement(SvgIcon, { iconName: this.question.cssClasses.defaultImageIconId, size: "auto", className: this.question.cssClasses.defaultImage })) : null),
+                val.name && !this.question.isReadOnly ? (React.createElement("div", { className: this.question.getRemoveButtonCss(), onClick: (event) => this.question.doRemoveFile(val, event) },
+                    React.createElement("span", { className: this.question.cssClasses.removeFile }, this.question.removeFileCaption),
+                    (this.question.cssClasses.removeFileSvgIconId) ?
+                        (React.createElement(SvgIcon, { title: this.question.removeFileCaption, iconName: this.question.cssClasses.removeFileSvgIconId, size: "auto", className: this.question.cssClasses.removeFileSvg })) : null)) : null),
+            this.renderFileSign(this.question.cssClasses.fileSignBottom, val)));
     }
     canRender() {
         return this.question.showPreviewContainer;
     }
 }
-ReactElementFactory.Instance.registerElement("sv-file-preview", (props) => {
-    return React.createElement(SurveyFilePreview, props);
+ReactElementFactory.Instance.registerElement("sv-file-item", (props) => {
+    return React.createElement(SurveyFileItem, props);
 });
 
 class SurveyQuestionMultipleText extends SurveyQuestionElementBase {
@@ -4181,15 +4184,15 @@ RendererFactory.Instance.registerRenderer("boolean", "checkbox", "sv-boolean-che
 class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
     constructor(props) {
         super(props);
-        this.handleOnChange = (event) => {
-            this.question.booleanValue = event.nativeEvent.target.value == "true";
-        };
     }
     renderRadioItem(value, locText) {
         const cssClasses = this.question.cssClasses;
+        const handleOnChange = () => {
+            this.question.value = value;
+        };
         return (React.createElement("div", { role: "presentation", className: this.question.getRadioItemClass(cssClasses, value) },
             React.createElement("label", { className: cssClasses.radioLabel },
-                React.createElement("input", { type: "radio", name: this.question.name, value: value, "aria-errormessage": this.question.ariaErrormessage, checked: value === this.question.booleanValueRendered, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: cssClasses.itemRadioControl, onChange: this.handleOnChange }),
+                React.createElement("input", { type: "radio", name: this.question.name, value: value, "aria-errormessage": this.question.ariaErrormessage, checked: value === this.question.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, className: cssClasses.itemRadioControl, onChange: handleOnChange }),
                 this.question.cssClasses.materialRadioDecorator ?
                     (React.createElement("span", { className: cssClasses.materialRadioDecorator }, this.question.itemSvgIcon ?
                         (React.createElement("svg", { className: cssClasses.itemRadioDecorator },
@@ -4201,12 +4204,12 @@ class SurveyQuestionBooleanRadio extends SurveyQuestionBoolean {
         return (React.createElement("div", { className: cssClasses.rootRadio },
             React.createElement("fieldset", { role: "presentation", className: cssClasses.radioFieldset }, !this.question.swapOrder ?
                 (React.createElement(React.Fragment, null,
-                    this.renderRadioItem(false, this.question.locLabelFalse),
-                    this.renderRadioItem(true, this.question.locLabelTrue)))
+                    this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse),
+                    this.renderRadioItem(this.question.getValueTrue(), this.question.locLabelTrue)))
                 :
                     (React.createElement(React.Fragment, null,
-                        this.renderRadioItem(true, this.question.locLabelTrue),
-                        this.renderRadioItem(false, this.question.locLabelFalse))))));
+                        this.renderRadioItem(this.question.getValueTrue(), this.question.locLabelTrue),
+                        this.renderRadioItem(this.question.getValueFalse(), this.question.locLabelFalse))))));
     }
 }
 ReactQuestionFactory.Instance.registerQuestion("sv-boolean-radio", (props) => {
@@ -6211,7 +6214,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.3.1"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.3.2"}`, "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 };
+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, 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