survey-react-ui 1.11.8 → 1.11.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.11.8",
+  "version": "1.11.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",
@@ -21,7 +21,7 @@
   },
   "typings": "survey-react-ui.d.ts",
   "peerDependencies": {
-    "survey-core": "1.11.8",
+    "survey-core": "1.11.9",
     "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.11.8
+ * surveyjs - Survey JavaScript library v1.11.9
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -750,7 +750,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.11.8", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.11.9", "survey-react-ui");
 
 
 /***/ }),
@@ -2151,6 +2151,18 @@ var List = /** @class */ (function (_super) {
             this.model.initListContainerHtmlElement(this.listContainerRef.current);
         }
     };
+    List.prototype.componentDidUpdate = function (prevProps, prevState) {
+        var _a;
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        if (this.model !== prevProps.model) {
+            if (this.model && !!((_a = this.listContainerRef) === null || _a === void 0 ? void 0 : _a.current)) {
+                this.model.initListContainerHtmlElement(this.listContainerRef.current);
+            }
+            if (prevProps.model) {
+                prevProps.model.initListContainerHtmlElement(undefined);
+            }
+        }
+    };
     List.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.model) {
@@ -7872,19 +7884,19 @@ var SurveyQuestionElementBase = /** @class */ (function (_super) {
     SurveyQuestionElementBase.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
         if (!!this.questionBase) {
-            var el = this.control;
-            this.questionBase.beforeDestroyQuestionElement(el);
-            if (!!el) {
-                el.removeAttribute("data-rendered");
+            var contentElement = this.content || this.control;
+            this.questionBase.beforeDestroyQuestionElement(contentElement);
+            if (!!contentElement) {
+                contentElement.removeAttribute("data-rendered");
             }
         }
     };
     SurveyQuestionElementBase.prototype.updateDomElement = function () {
-        var el = this.control;
-        if (!!el) {
-            if (el.getAttribute("data-rendered") !== "r") {
-                el.setAttribute("data-rendered", "r");
-                this.questionBase.afterRenderQuestionElement(el);
+        var contentElement = this.content || this.control;
+        if (!!contentElement) {
+            if (contentElement.getAttribute("data-rendered") !== "r") {
+                contentElement.setAttribute("data-rendered", "r");
+                this.questionBase.afterRenderQuestionElement(contentElement);
             }
         }
     };
@@ -7942,6 +7954,11 @@ var SurveyQuestionElementBase = /** @class */ (function (_super) {
             this.control = element;
         }
     };
+    SurveyQuestionElementBase.prototype.setContent = function (element) {
+        if (!!element) {
+            this.content = element;
+        }
+    };
     return SurveyQuestionElementBase;
 }(SurveyElementBase));
 
@@ -8227,7 +8244,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         else {
             fileInput = null;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.fileRootCss, ref: function (el) { return (_this.setContent(el)); } },
             fileInput,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.dragArea, onDrop: this.question.onDrop, onDragOver: this.question.onDragOver, onDragLeave: this.question.onDragLeave, onDragEnter: this.question.onDragEnter },
                 fileDecorator,