survey-react-ui 2.0.0-rc.8 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "2.0.0-rc.8",
+  "version": "2.0.0",
   "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",
@@ -18,7 +18,7 @@
   "module": "fesm/survey-react-ui.js",
   "typings": "./typings/entries/index.d.ts",
   "peerDependencies": {
-    "survey-core": "2.0.0-rc.8",
+    "survey-core": "2.0.0",
     "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.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * 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.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -112,7 +112,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   icons: () => (/* binding */ iconsV2)
 /* harmony export */ });
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.8
+ * surveyjs - Survey JavaScript library v2.0.0
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -866,9 +866,6 @@ var SurveyAction = /** @class */ (function (_super) {
     SurveyAction.prototype.getStateElement = function () {
         return this.item;
     };
-    SurveyAction.prototype.shouldComponentUpdate = function (nextProps, nextState) {
-        return _super.prototype.shouldComponentUpdate.call(this, nextProps, nextState);
-    };
     SurveyAction.prototype.renderElement = function () {
         //refactor
         var itemClass = this.item.getActionRootCss();
@@ -5174,7 +5171,7 @@ var SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", { className: this.question.getSelectBaseRootCss() },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("fieldset", { className: this.question.getSelectBaseRootCss(), style: this.question.getContainerStyle() },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };
@@ -5383,10 +5380,6 @@ var SurveyPage = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    // shouldComponentUpdate(nextProps: any, nextState: any): boolean {
-    //   if(!super.shouldComponentUpdate(nextProps, nextState)) return false;
-    //   return true;
-    // }
     SurveyPage.prototype.renderElement = function () {
         var title = this.renderTitle();
         var description = this.renderDescription();
@@ -7716,6 +7709,21 @@ var SurveyElementBase = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this._allowComponentUpdate = true;
         _this.prevStateElements = [];
+        _this.propertyValueChangedHandler = function (hash, key, val) {
+            if (hash[key] !== val) {
+                hash[key] = val;
+                if (!_this.canUsePropInState(key))
+                    return;
+                if (_this.isRendering)
+                    return;
+                _this.changedStatePropNameValue = key;
+                _this.setState(function (state) {
+                    var newState = {};
+                    newState[key] = val;
+                    return newState;
+                });
+            }
+        };
         return _this;
     }
     SurveyElementBase.renderLocString = function (locStr, style, key) {
@@ -7824,6 +7832,9 @@ var SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.prototype.unMakeBaseElementsReact = function () {
         var els = this.getStateElements();
+        this.unMakeBaseElementsReactive(els);
+    };
+    SurveyElementBase.prototype.unMakeBaseElementsReactive = function (els) {
         for (var i = 0; i < els.length; i++) {
             this.unMakeBaseElementReact(els[i]);
         }
@@ -7855,6 +7866,9 @@ var SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.canMakeReact = function (stateElement) {
         return !!stateElement && !!stateElement.iteratePropertiesHash;
     };
+    SurveyElementBase.prototype.isCurrentStateElement = function (stateElement) {
+        return !!stateElement && !!stateElement.setPropertyValueCoreHandler && stateElement.setPropertyValueCoreHandler === this.propertyValueChangedHandler;
+    };
     SurveyElementBase.prototype.makeBaseElementReact = function (stateElement) {
         var _this = this;
         if (!this.canMakeReact(stateElement))
@@ -7877,21 +7891,7 @@ var SurveyElementBase = /** @class */ (function (_super) {
                 };
             }
         });
-        stateElement.setPropertyValueCoreHandler = function (hash, key, val) {
-            if (hash[key] !== val) {
-                hash[key] = val;
-                if (!_this.canUsePropInState(key))
-                    return;
-                if (_this.isRendering)
-                    return;
-                _this.changedStatePropNameValue = key;
-                _this.setState(function (state) {
-                    var newState = {};
-                    newState[key] = val;
-                    return newState;
-                });
-            }
-        };
+        stateElement.setPropertyValueCoreHandler = this.propertyValueChangedHandler;
     };
     SurveyElementBase.prototype.canUsePropInState = function (key) {
         return true;
@@ -7899,6 +7899,11 @@ var SurveyElementBase = /** @class */ (function (_super) {
     SurveyElementBase.prototype.unMakeBaseElementReact = function (stateElement) {
         if (!this.canMakeReact(stateElement))
             return;
+        if (!this.isCurrentStateElement(stateElement)) {
+            // eslint-disable-next-line no-console
+            // console.warn("Looks like the component is bound to another survey element. It is not supported and can lead to issues.");
+            // return;
+        }
         stateElement.setPropertyValueCoreHandler = undefined;
         stateElement.iteratePropertiesHash(function (hash, key) {
             var val = hash[key];
@@ -10783,8 +10788,10 @@ var SurveyRow = /** @class */ (function (_super) {
     };
     SurveyRow.prototype.componentWillUnmount = function () {
         _super.prototype.componentWillUnmount.call(this);
-        this.row.setRootElement(undefined);
-        this.stopLazyRendering();
+        if (this.isCurrentStateElement(this.getStateElement())) {
+            this.row.setRootElement(undefined);
+            this.stopLazyRendering();
+        }
     };
     SurveyRow.prototype.createElement = function (element, elementIndex) {
         var index = elementIndex ? "-" + elementIndex : 0;
@@ -11565,7 +11572,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.0-rc.8"), "survey-react-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_0__.checkLibraryVersion)("".concat("2.0.0"), "survey-react-ui");
 
 })();