survey-react-ui 1.12.14 → 1.12.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.12.14",
+  "version": "1.12.16",
   "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",
@@ -21,8 +21,8 @@
   },
   "typings": "./typings/src/entries/react-ui.d.ts",
   "peerDependencies": {
-    "survey-core": "1.12.14",
-    "react": "^16.5.0 || ^17.0.1 || ^18.2.0",
-    "react-dom": "^16.5.0 || ^17.0.1 || ^18.2.0"
+    "survey-core": "1.12.16",
+    "react": "^16.5.0 || ^17.0.1 || ^18.2.0 || ^19.0.0",
+    "react-dom": "^16.5.0 || ^17.0.1 || ^18.2.0 || ^19.0.0"
   }
 }

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.14
+ * surveyjs - Survey JavaScript library v1.12.16
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -110,7 +110,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.14
+ * surveyjs - Survey JavaScript library v1.12.16
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1043,7 +1043,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.14
+ * surveyjs - Survey JavaScript library v1.12.16
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2676,7 +2676,7 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
         if (!this.row.isNeedRender) {
             return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { key: element.name + index, element: element, css: this.css, });
         }
-        var elementType = element.getType();
+        var elementType = element.getTemplate();
         if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
             elementType = "question";
         }
@@ -3412,7 +3412,7 @@ var action_bar_SurveyActionBar = /** @class */ (function (_super) {
             return;
         var container = this.rootRef.current;
         if (!!container) {
-            this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
+            this.model.initResponsivityManager(container, function (callback) { setTimeout(callback, 100); });
         }
     };
     SurveyActionBar.prototype.componentWillUnmount = function () {
@@ -3427,7 +3427,7 @@ var action_bar_SurveyActionBar = /** @class */ (function (_super) {
         if (!!this.model.hasActions) {
             var container = this.rootRef.current;
             if (!!container) {
-                this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
+                this.model.initResponsivityManager(container, function (callback) { setTimeout(callback, 100); });
             }
         }
     };
@@ -9471,13 +9471,10 @@ var list_item_ListItem = /** @class */ (function (_super) {
         var _this = this;
         if (!this.item)
             return null;
-        var contentWrapStyle = {
-            paddingInlineStart: this.model.getItemIndent(this.item)
-        };
         var className = this.model.getItemClass(this.item);
         var itemContent = this.item.component || this.model.itemComponent;
         var newElement = ReactElementFactory.Instance.createElement(itemContent, { item: this.item, key: this.item.id, model: this.model });
-        var contentWrap = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { style: contentWrapStyle, className: this.model.cssClasses.itemBody, title: this.item.locTitle.calculatedText, onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
+        var contentWrap = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { style: this.model.getItemStyle(this.item), className: this.model.cssClasses.itemBody, title: this.item.locTitle.calculatedText, onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
         var separator = this.item.needSeparator ? external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { className: this.model.cssClasses.itemSeparator }) : null;
         var isVisible = this.model.isItemVisible(this.item);
         var style = {
@@ -10221,7 +10218,7 @@ var image_SurveyQuestionImage = /** @class */ (function (_super) {
         }
         var control = null;
         if (this.question.renderedMode === "image") {
-            control = (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("img", { className: cssClasses, src: this.question.locImageLink.renderedHtml, alt: this.question.altText || this.question.title, width: this.question.renderedWidth, height: this.question.renderedHeight, 
+            control = (external_root_React_commonjs2_react_commonjs_react_amd_react_["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(); } }));
         }
@@ -10538,21 +10535,15 @@ var list_item_content_ListItemContent = /** @class */ (function (_super) {
     ListItemContent.prototype.render = function () {
         if (!this.item)
             return null;
-        var content = [];
         var text = this.renderLocString(this.item.locTitle, undefined, "locString");
-        if (this.item.iconName) {
-            var icon = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { key: "icon", className: this.model.cssClasses.itemIcon, iconName: this.item.iconName, size: this.item.iconSize, "aria-label": this.item.title });
-            content.push(icon);
-            content.push(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("span", { key: "text" }, text));
-        }
-        else {
-            content.push(text);
-        }
-        if (this.item.markerIconName) {
-            var icon = external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { key: "marker", className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size: "auto" });
-            content.push(icon);
-        }
-        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, content);
+        var icon = (this.item.iconName) ?
+            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.model.cssClasses.itemIcon, iconName: this.item.iconName, size: this.item.iconSize, "aria-label": this.item.title }) : null;
+        var markerIcon = (this.item.markerIconName) ?
+            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.item.cssClasses.itemMarkerIcon, iconName: this.item.markerIconName, size: "auto" }) : null;
+        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null,
+            icon,
+            text,
+            markerIcon);
     };
     return ListItemContent;
 }(reactquestion_element_SurveyElementBase));
@@ -10652,7 +10643,7 @@ var logo_image_LogoImage = /** @class */ (function (_super) {
     LogoImage.prototype.render = function () {
         var content = [];
         content.push(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("div", { key: "logo-image", className: this.survey.logoClassNames },
-            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", { className: this.survey.css.logoImage, src: this.survey.locLogo.renderedHtml, alt: this.survey.locTitle.renderedHtml, width: this.survey.renderedLogoWidth, height: this.survey.renderedLogoHeight, style: { objectFit: this.survey.logoFit, width: this.survey.renderedStyleLogoWidth, height: this.survey.renderedStyleLogoHeight } })));
+            external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement("img", { className: this.survey.css.logoImage, src: this.survey.locLogo.renderedHtml || null, alt: this.survey.locTitle.renderedHtml, width: this.survey.renderedLogoWidth, height: this.survey.renderedLogoHeight, style: { objectFit: this.survey.logoFit, width: this.survey.renderedStyleLogoWidth, height: this.survey.renderedStyleLogoHeight } })));
         return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Fragment, null, content);
     };
     return LogoImage;
@@ -11320,7 +11311,7 @@ ReactElementFactory.Instance.registerElement(external_root_Survey_commonjs2_surv
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.14", "survey-react-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.16", "survey-react-ui");
 
 
 /***/ }),