survey-react-ui 1.12.8 → 1.12.10

package/package.json

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

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.8
+ * surveyjs - Survey JavaScript library v1.12.10
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -801,10 +801,13 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
                 el.focusIn();
             }
         };
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, this.row.isNeedRender ? innerElement : ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, })));
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
     };
     SurveyRowElement.prototype.createElement = function (element, elementIndex) {
         var index = elementIndex ? "-" + elementIndex : 0;
+        if (!this.row.isNeedRender) {
+            return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { key: element.name + index, element: element, css: this.css, });
+        }
         var elementType = element.getType();
         if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
             elementType = "question";
@@ -1546,17 +1549,14 @@ var action_bar_SurveyActionBar = /** @class */ (function (_super) {
     };
     SurveyActionBar.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
-        if (!!this.model.hasActions) {
-            this.model.resetResponsivityManager();
-        }
+        this.model.resetResponsivityManager();
     };
     SurveyActionBar.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (prevProps.model == this.props.model) {
-            return;
+        if (prevProps.model != this.props.model) {
+            prevProps.model.resetResponsivityManager();
         }
         if (!!this.model.hasActions) {
-            this.model.resetResponsivityManager();
             var container = this.rootRef.current;
             if (!!container) {
                 this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
@@ -1736,6 +1736,7 @@ var title_element_extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var title_element_TitleElement = /** @class */ (function (_super) {
     title_element_extends(TitleElement, _super);
     function TitleElement(props) {
@@ -1748,11 +1749,18 @@ var title_element_TitleElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    TitleElement.prototype.renderTitleExpandableSvg = function () {
+        if (!this.element.getCssTitleExpandableSvg())
+            return null;
+        var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
+        return external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: 16 });
+    };
     TitleElement.prototype.render = function () {
         var element = this.element;
         if (!element || !element.hasTitle)
             return null;
         var ariaLabel = element.titleAriaLabel || undefined;
+        var titleExpandableSvg = this.renderTitleExpandableSvg();
         var titleContent = (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(title_actions_TitleActions, { element: element, cssClasses: element.cssClasses }));
         var onClick = undefined;
         var onKeyUp = undefined;
@@ -1762,7 +1770,9 @@ var title_element_TitleElement = /** @class */ (function (_super) {
             };
         }
         var CustomTag = element.titleTagName;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp }, titleContent));
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.createElement(CustomTag, { className: element.cssTitle, id: element.ariaTitleId, "aria-label": ariaLabel, tabIndex: element.titleTabIndex, "aria-expanded": element.titleAriaExpanded, role: element.titleAriaRole, onClick: onClick, onKeyUp: onKeyUp },
+            titleExpandableSvg,
+            titleContent));
     };
     return TitleElement;
 }(external_root_React_commonjs2_react_commonjs_react_amd_react_default.a.Component));
@@ -4632,6 +4642,11 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         _super.prototype.componentDidMount.call(this);
         this.updateInputDomElement();
     };
+    SurveyQuestionDropdownBase.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        if (this.question.dropdownListModel)
+            this.question.dropdownListModel.focused = false;
+    };
     SurveyQuestionDropdownBase.prototype.updateInputDomElement = function () {
         if (!!this.inputElement) {
             var control = this.inputElement;
@@ -9407,7 +9422,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.8", "survey-react-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.10", "survey-react-ui");
 
 
 /***/ }),