survey-react-ui 2.5.1 → 2.5.2

package/fesm/survey-react-ui.mjs

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.5.1
+ * surveyjs - Survey JavaScript library v2.5.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1114,7 +1114,7 @@ class PopupModal extends SurveyElementBase {
 PopupModal.modalDescriptors = [];
 
 /*!
- * surveyjs - Survey JavaScript library v2.5.1
+ * surveyjs - Survey JavaScript library v2.5.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1184,7 +1184,7 @@ var iconsV1 = {
 };
 
 /*!
- * surveyjs - Survey JavaScript library v2.5.1
+ * surveyjs - Survey JavaScript library v2.5.2
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1549,11 +1549,19 @@ function attachKey2click(element, viewModel, options = { processEsc: true, disab
     options = Object.assign({}, options);
     return React.cloneElement(element, {
         tabIndex: 0,
+        onPointerUp: (evt) => {
+            if (evt.pointerType === "pen") {
+                evt.preventDefault();
+                evt.stopPropagation();
+                const element = evt.target;
+                if (element === null || element === void 0 ? void 0 : element.click)
+                    element.click();
+            }
+        },
         onKeyUp: (evt) => {
             evt.preventDefault();
             evt.stopPropagation();
             doKey2ClickUp(evt, options);
-            return false;
         },
         onKeyDown: (evt) => doKey2ClickDown(evt, options),
         onBlur: (evt) => doKey2ClickBlur(evt),
@@ -3073,7 +3081,7 @@ class RatingItemBase extends SurveyElementBase {
 class RatingItem extends RatingItemBase {
     render() {
         var itemText = this.renderLocString(this.item.locText);
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
+        return (React.createElement("label", { className: this.item.className, onMouseDown: this.handleOnMouseDown },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
             React.createElement("span", { className: this.question.cssClasses.itemText, "data-text": this.item.text }, itemText)));
     }
@@ -3087,7 +3095,7 @@ ReactElementFactory.Instance.registerElement("sv-rating-item", (props) => {
 
 class RatingItemStar extends RatingItemBase {
     render() {
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClass(this.item.itemValue), onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
+        return (React.createElement("label", { className: this.item.className, onMouseDown: this.handleOnMouseDown, onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
             React.createElement(SvgIcon, { className: "sv-star", size: "auto", iconName: this.question.itemStarIcon }),
             React.createElement(SvgIcon, { className: "sv-star-2", size: "auto", iconName: this.question.itemStarIconAlt })));
@@ -3099,9 +3107,9 @@ ReactElementFactory.Instance.registerElement("sv-rating-item-star", (props) => {
 
 class RatingItemSmiley extends RatingItemBase {
     render() {
-        return (React.createElement("label", { onMouseDown: this.handleOnMouseDown, style: this.question.getItemStyle(this.item.itemValue, this.item.highlight), className: this.question.getItemClass(this.item.itemValue), onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
+        return (React.createElement("label", { style: this.item.style, className: this.item.className, onMouseDown: this.handleOnMouseDown, onMouseOver: e => this.question.onItemMouseIn(this.item), onMouseOut: e => this.question.onItemMouseOut(this.item), title: this.item.text },
             React.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.question.isDisabledAttr, readOnly: this.question.isReadOnlyAttr, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: () => { }, "aria-label": this.question.ariaLabel }),
-            React.createElement(SvgIcon, { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue) })));
+            React.createElement(SvgIcon, { size: "auto", iconName: this.question.getItemSmileyIconName(this.item) })));
     }
 }
 ReactElementFactory.Instance.registerElement("sv-rating-item-smiley", (props) => {
@@ -3279,7 +3287,7 @@ class SurveyQuestionDropdownBase extends SurveyQuestionUncontrolledElement {
         return this.questionBase.renderedValue;
     }
     renderReadOnlyElement() {
-        if (this.question.locReadOnlyText) {
+        if (this.question.readOnlyText) {
             return (React.createElement("div", { className: this.question.cssClasses.controlValue }, this.renderLocString(this.question.locReadOnlyText)));
         }
         else {
@@ -3533,7 +3541,7 @@ class SurveyQuestionMatrix extends SurveyQuestionElementBase {
             React.createElement("tr", null,
                 rowsTH,
                 headers)));
-        return (React.createElement("div", { className: cssClasses.tableWrapper, ref: root => (this.setControl(root)) },
+        return (React.createElement("div", { className: this.question.getTableWrapperCss(), ref: root => (this.setControl(root)) },
             React.createElement("fieldset", { role: "radiogroup" },
                 React.createElement("legend", { className: "sv-visuallyhidden" }, this.question.locTitle.renderedHtml),
                 React.createElement("table", { className: this.question.getTableCss(), role: "presentation" },
@@ -4463,7 +4471,7 @@ class SurveyQuestionMatrixDropdownBase extends SurveyQuestionElementBase {
         return this.renderTableDiv();
     }
     renderTableDiv() {
-        return (React.createElement("div", { className: this.question.cssClasses.tableWrapper, ref: (root) => (this.setControl(root)) },
+        return (React.createElement("div", { className: this.question.getTableWrapperCss(), ref: (root) => (this.setControl(root)) },
             React.createElement(SurveyQuestionMatrixTable, { question: this.question, creator: this.creator, wrapCell: (cell, element, reason) => this.wrapCell(cell, element, reason) })));
     }
 }
@@ -6163,7 +6171,7 @@ ReactElementFactory.Instance.registerElement(LocalizableString.editableRenderer,
     return React.createElement(SurveyLocStringEditor, props);
 });
 
-checkLibraryVersion(`${"2.5.1"}`, "survey-react-ui");
+checkLibraryVersion(`${"2.5.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, 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