survey-react-ui 2.0.7 → 2.0.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.0.7",
+  "version": "2.0.9",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",
@@ -25,7 +25,7 @@
     }
   },
   "peerDependencies": {
-    "survey-core": "2.0.7",
+    "survey-core": "2.0.9",
     "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.0.7
+ * surveyjs - Survey JavaScript library v2.0.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -28,7 +28,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV1)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.7
+ * surveyjs - Survey JavaScript library v2.0.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -114,7 +114,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.7
+ * surveyjs - Survey JavaScript library v2.0.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2087,7 +2087,7 @@ var ListItem = /** @class */ (function (_super) {
         var style = {
             display: isVisible ? null : "none"
         };
-        return (0,_reactSurvey__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", { className: className, role: "option", style: style, id: this.item.elementId, "aria-selected": this.model.isItemSelected(this.item), onClick: function (event) {
+        return (0,_reactSurvey__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_0__.createElement("li", { className: className, role: this.model.listItemRole, style: style, id: this.item.elementId, "aria-selected": this.model.getA11yItemAriaSelected(this.item), "aria-checked": this.model.getA11yItemAriaChecked(this.item), onClick: function (event) {
                 _this.model.onItemClick(_this.item);
                 event.stopPropagation();
             }, onPointerDown: function (event) { return _this.model.onPointerDown(event, _this.item); } },
@@ -2208,7 +2208,7 @@ var List = /** @class */ (function (_super) {
             return null;
         var items = this.renderItems();
         var ulStyle = { display: this.model.isEmpty ? "none" : null };
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: "listbox", id: this.model.elementId, onMouseDown: function (e) {
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("ul", { className: this.model.getListClass(), style: ulStyle, role: this.model.listRole, "aria-label": this.model.a11yInputAriaLabel, id: this.model.elementId, onMouseDown: function (e) {
                 e.preventDefault();
             }, onKeyDown: this.handleKeydown, onMouseMove: this.handleMouseMove }, items));
     };
@@ -2382,7 +2382,7 @@ var SurveyQuestionMatrixDetailButton = /** @class */ (function (_super) {
         var isExpanded = this.row.isDetailPanelShowing;
         var ariaExpanded = isExpanded;
         var ariaControls = isExpanded ? this.row.detailPanelId : undefined;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { type: "button", onClick: this.handleOnShowHideClick, className: this.question.getDetailPanelButtonCss(this.row), "aria-expanded": ariaExpanded, "aria-controls": ariaControls },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { type: "button", title: this.props.item.title, onClick: this.handleOnShowHideClick, className: this.question.getDetailPanelButtonCss(this.row), "aria-expanded": ariaExpanded, "aria-controls": ariaControls },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { className: this.question.getDetailPanelIconCss(this.row), iconName: this.question.getDetailPanelIconId(this.row), size: "auto" })));
     };
     return SurveyQuestionMatrixDetailButton;
@@ -3694,6 +3694,11 @@ var Scroll = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
         _this.model = new survey_core__WEBPACK_IMPORTED_MODULE_2__.ScrollViewModel();
+        _this.model.onInnerHeightChanged = function (hasScroll) {
+            if (!!_this.props.onInnerHeightChanged) {
+                _this.props.onInnerHeightChanged(hasScroll);
+            }
+        };
         return _this;
     }
     Scroll.prototype.componentDidMount = function () {
@@ -5312,15 +5317,13 @@ var SurveyQuestionImage = /** @class */ (function (_super) {
         }
         var control = null;
         if (this.question.renderedMode === "image") {
-            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml || null, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
-                //alt={item.text || item.value}
-                style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
+            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml || null, alt: this.question.renderedAltText, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoad: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
         }
         if (this.question.renderedMode === "video") {
             control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("video", { controls: true, className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, onLoadedMetadata: function (event) { _this.question.onLoadHandler(); }, onError: function (event) { _this.question.onErrorHandler(); } }));
         }
         if (this.question.renderedMode === "youtube") {
-            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style }));
+            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("iframe", { className: cssClasses, src: this.question.locImageLink.renderedHtml, width: this.question.renderedWidth, height: this.question.renderedHeight, style: style, title: this.question.renderedAltText }));
         }
         var noImage = null;
         if (!this.question.imageLink || this.question.contentNotLoaded) {
@@ -5955,12 +5958,19 @@ var SurveyProgress = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyProgress.prototype, "progressBarAriaLabel", {
+        get: function () {
+            return this.survey.progressBarAriaLabel;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyProgress.prototype.render = function () {
         var progressStyle = {
             width: this.progress + "%",
         };
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.survey.getProgressCssClasses(this.props.container) },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.progressBarAriaLabel },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__.SurveyProgressModel.getProgressTextInBarCss(this.css) }, this.progressText)),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__.SurveyProgressModel.getProgressTextUnderBarCss(this.css) }, this.progressText)));
     };
@@ -6054,7 +6064,7 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
     };
     SurveyProgressButtons.prototype.render = function () {
         var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.model.getRootCss(this.props.container), style: { "maxWidth": this.model.progressWidth }, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": this.model.progressBarAriaLabel },
             this.state.canShowHeader ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.progressButtonsHeader },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.progressButtonsContainer },
@@ -9823,7 +9833,7 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
     };
     SurveyQuestionPanelDynamic.prototype.renderRange = function () {
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progress },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar" })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.question.cssClasses.progressBar, style: { width: this.question.progress }, role: "progressbar", "aria-label": this.question.progressBarAriaLabel })));
     };
     SurveyQuestionPanelDynamic.prototype.renderAddRowButton = function () {
         return _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement("sv-paneldynamic-add-btn", {
@@ -11065,7 +11075,7 @@ var SurveyRow = /** @class */ (function (_super) {
         }
         if (!!el && !this.row.isNeedRender) {
             var rowContainerDiv = el;
-            setTimeout(function () {
+            this.lazyRenderingTimeout = setTimeout(function () {
                 _this.row.startLazyRendering(rowContainerDiv);
             }, 10);
         }
@@ -11083,12 +11093,14 @@ var SurveyRow = /** @class */ (function (_super) {
         return true;
     };
     SurveyRow.prototype.stopLazyRendering = function () {
+        clearTimeout(this.lazyRenderingTimeout);
         this.row.stopLazyRendering();
         this.row.isNeedRender = !this.row.isLazyRendering();
     };
     SurveyRow.prototype.componentWillUnmount = function () {
+        var isCurrentStateElement = this.isCurrentStateElement(this.getStateElement());
         _super.prototype.componentWillUnmount.call(this);
-        if (this.isCurrentStateElement(this.getStateElement())) {
+        if (isCurrentStateElement) {
             this.row.setRootElement(undefined);
             this.stopLazyRendering();
         }
@@ -11874,7 +11886,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.7"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.9"), "survey-react-ui");
 
 })();