survey-js-ui 2.4.0 → 2.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "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.4.0",
+    "survey-core": "2.5.0",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.4.0
+ * surveyjs - Survey JavaScript library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.4.0
+ * surveyjs - Survey JavaScript library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -830,7 +830,7 @@ path.keys().forEach(function (key) {
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.4.0
+ * surveyjs - Survey JavaScript library v2.5.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2342,6 +2342,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _reactSurvey__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../reactSurvey */ "../survey-react-ui/src/reactSurvey.tsx");
 /* harmony import */ var _svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-icon/svg-icon */ "../survey-react-ui/src/components/svg-icon/svg-icon.tsx");
 /* harmony import */ var _action_bar_separator__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./action-bar-separator */ "../survey-react-ui/src/components/action-bar/action-bar-separator.tsx");
+/* harmony import */ var _string_viewer__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../string-viewer */ "../survey-react-ui/src/string-viewer.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -2364,6 +2365,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyAction = /** @class */ (function (_super) {
     __extends(SurveyAction, _super);
     function SurveyAction(props) {
@@ -2441,8 +2443,7 @@ var SurveyActionBarItem = /** @class */ (function (_super) {
     SurveyActionBarItem.prototype.renderText = function () {
         if (!this.item.hasTitle)
             return null;
-        var titleClass = this.item.getActionBarItemTitleCss();
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: titleClass }, this.item.title);
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_string_viewer__WEBPACK_IMPORTED_MODULE_6__.SurveyLocStringViewer, { locStr: this.item.locTitle, textClass: this.item.getActionBarItemTitleCss() });
     };
     SurveyActionBarItem.prototype.renderButtonContent = function () {
         var text = this.renderText();
@@ -3893,8 +3894,16 @@ var SurveyQuestionMatrixDynamicDragDropIcon = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyQuestionMatrixDynamicDragDropIcon.prototype, "row", {
+        get: function () {
+            return this.props.item.data.row;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyQuestionMatrixDynamicDragDropIcon.prototype.renderElement = function () {
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null, this.renderIcon());
+        var _this = this;
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { onPointerDown: function (event) { _this.question.onPointerDown(event.nativeEvent, _this.row); } }, this.renderIcon());
     };
     SurveyQuestionMatrixDynamicDragDropIcon.prototype.renderIcon = function () {
         if (this.question.iconDragElement) {
@@ -4070,11 +4079,10 @@ var MatrixRow = /** @class */ (function (_super) {
         return true;
     };
     MatrixRow.prototype.render = function () {
-        var _this = this;
         var model = this.model;
         if (!model.visible)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", { ref: this.root, className: model.className, "data-sv-drop-target-matrix-row": model.dropTargetId, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("tr", { ref: this.root, className: model.className, "data-sv-drop-target-matrix-row": model.dropTargetId }, this.props.children));
     };
     return MatrixRow;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
@@ -9400,7 +9408,7 @@ var SurveyElementBase = /** @class */ (function (_super) {
         return _element_factory__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(locStr.renderAs, {
             locStr: locStr.renderAsData,
             style: style,
-            key: key,
+            key: key
         });
     };
     SurveyElementBase.renderQuestionDescription = function (question) {
@@ -12745,8 +12753,10 @@ var SurveyRow = /** @class */ (function (_super) {
     SurveyRow.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.row) {
-            this.row.setRootElement(undefined);
-            this.stopLazyRendering();
+            if (!this.row.hasActiveUISubscribers) {
+                this.row.setRootElement(undefined);
+                this.stopLazyRendering();
+            }
         }
     };
     SurveyRow.prototype.createElement = function (element, elementIndex) {
@@ -13015,6 +13025,13 @@ var SurveyLocStringViewer = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyLocStringViewer.prototype, "textClass", {
+        get: function () {
+            return this.props.textClass;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyLocStringViewer.prototype.componentDidMount = function () {
         this.reactOnStrChanged();
     };
@@ -13043,7 +13060,7 @@ var SurveyLocStringViewer = /** @class */ (function (_super) {
         return strEl;
     };
     SurveyLocStringViewer.prototype.renderString = function () {
-        var className = this.locStr.allowLineBreaks ? "sv-string-viewer sv-string-viewer--multiline" : "sv-string-viewer";
+        var className = this.locStr.getStringViewerClassName(this.textClass);
         if (this.locStr.hasHtml) {
             var htmlValue = { __html: this.locStr.renderedHtml };
             return react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { ref: this.rootRef, className: className, style: this.style, dangerouslySetInnerHTML: htmlValue });
@@ -13767,7 +13784,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.4.0"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.5.0"), "survey-js-ui");
 
 })();