survey-js-ui 2.0.0-rc.9 → 2.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "2.0.0-rc.9",
+  "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",
@@ -16,6 +16,7 @@
     "**/*"
   ],
   "main": "survey-js-ui.js",
+  "module": "fesm/survey-js-ui.js",
   "repository": {
     "type": "git",
     "url": "https://github.com/surveyjs/surveyjs.git"
@@ -23,7 +24,7 @@
   "typings": "./typings/survey-js-ui/entries/index.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.0.0-rc.9",
+    "survey-core": "2.0.0",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.9
+ * 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)
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.9
+ * 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)
  */
@@ -39,7 +39,7 @@ return /******/ (() => { // webpackBootstrap
 /*!************************************!*\
   !*** ./src/images-v1/ sync \.svg$ ***!
   \************************************/
-/***/ ((module, __unused_webpack_exports, __nested_webpack_require_874__) => {
+/***/ ((module, __unused_webpack_exports, __nested_webpack_require_869__) => {
 
 var map = {
 	"./ModernBooleanCheckChecked.svg": "./src/images-v1/ModernBooleanCheckChecked.svg",
@@ -106,10 +106,10 @@ var map = {
 
 function webpackContext(req) {
 	var id = webpackContextResolve(req);
-	return __nested_webpack_require_874__(id);
+	return __nested_webpack_require_869__(id);
 }
 function webpackContextResolve(req) {
-	if(!__nested_webpack_require_874__.o(map, req)) {
+	if(!__nested_webpack_require_869__.o(map, req)) {
 		var e = new Error("Cannot find module '" + req + "'");
 		e.code = 'MODULE_NOT_FOUND';
 		throw e;
@@ -721,7 +721,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_49957__(moduleId) {
+/******/ 	function __nested_webpack_require_49952__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -735,7 +735,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_49957__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_49952__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -745,9 +745,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_49957__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_49952__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_49957__.o(definition, key) && !__nested_webpack_require_49957__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_49952__.o(definition, key) && !__nested_webpack_require_49952__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -756,13 +756,13 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_49957__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_49952__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
-/******/ 		__nested_webpack_require_49957__.r = (exports) => {
+/******/ 		__nested_webpack_require_49952__.r = (exports) => {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
@@ -778,13 +778,13 @@ var __nested_webpack_exports__ = {};
 /*!************************!*\
   !*** ./src/iconsV1.ts ***!
   \************************/
-__nested_webpack_require_49957__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_49957__.d(__nested_webpack_exports__, {
+__nested_webpack_require_49952__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_49952__.d(__nested_webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ icons)
 /* harmony export */ });
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-var path = __nested_webpack_require_49957__("./src/images-v1 sync recursive \\.svg$");
+var path = __nested_webpack_require_49952__("./src/images-v1 sync recursive \\.svg$");
 var icons = {};
 path.keys().forEach(function (key) {
     icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -808,7 +808,7 @@ path.keys().forEach(function (key) {
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.0.0-rc.9
+ * 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)
  */
@@ -824,7 +824,7 @@ return /******/ (() => { // webpackBootstrap
 /*!************************************!*\
   !*** ./src/images-v2/ sync \.svg$ ***!
   \************************************/
-/***/ ((module, __unused_webpack_exports, __nested_webpack_require_874__) => {
+/***/ ((module, __unused_webpack_exports, __nested_webpack_require_869__) => {
 
 var map = {
 	"./ModernBooleanCheckChecked.svg": "./src/images-v2/ModernBooleanCheckChecked.svg",
@@ -891,10 +891,10 @@ var map = {
 
 function webpackContext(req) {
 	var id = webpackContextResolve(req);
-	return __nested_webpack_require_874__(id);
+	return __nested_webpack_require_869__(id);
 }
 function webpackContextResolve(req) {
-	if(!__nested_webpack_require_874__.o(map, req)) {
+	if(!__nested_webpack_require_869__.o(map, req)) {
 		var e = new Error("Cannot find module '" + req + "'");
 		e.code = 'MODULE_NOT_FOUND';
 		throw e;
@@ -1506,7 +1506,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	var __webpack_module_cache__ = {};
 /******/ 	
 /******/ 	// The require function
-/******/ 	function __nested_webpack_require_62338__(moduleId) {
+/******/ 	function __nested_webpack_require_62333__(moduleId) {
 /******/ 		// Check if module is in cache
 /******/ 		var cachedModule = __webpack_module_cache__[moduleId];
 /******/ 		if (cachedModule !== undefined) {
@@ -1520,7 +1520,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 		};
 /******/ 	
 /******/ 		// Execute the module function
-/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_62338__);
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __nested_webpack_require_62333__);
 /******/ 	
 /******/ 		// Return the exports of the module
 /******/ 		return module.exports;
@@ -1530,9 +1530,9 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	/* webpack/runtime/define property getters */
 /******/ 	(() => {
 /******/ 		// define getter functions for harmony exports
-/******/ 		__nested_webpack_require_62338__.d = (exports, definition) => {
+/******/ 		__nested_webpack_require_62333__.d = (exports, definition) => {
 /******/ 			for(var key in definition) {
-/******/ 				if(__nested_webpack_require_62338__.o(definition, key) && !__nested_webpack_require_62338__.o(exports, key)) {
+/******/ 				if(__nested_webpack_require_62333__.o(definition, key) && !__nested_webpack_require_62333__.o(exports, key)) {
 /******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
 /******/ 				}
 /******/ 			}
@@ -1541,13 +1541,13 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /******/ 	
 /******/ 	/* webpack/runtime/hasOwnProperty shorthand */
 /******/ 	(() => {
-/******/ 		__nested_webpack_require_62338__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 		__nested_webpack_require_62333__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
 /******/ 	})();
 /******/ 	
 /******/ 	/* webpack/runtime/make namespace object */
 /******/ 	(() => {
 /******/ 		// define __esModule on exports
-/******/ 		__nested_webpack_require_62338__.r = (exports) => {
+/******/ 		__nested_webpack_require_62333__.r = (exports) => {
 /******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
 /******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 /******/ 			}
@@ -1563,13 +1563,13 @@ var __nested_webpack_exports__ = {};
 /*!************************!*\
   !*** ./src/iconsV2.ts ***!
   \************************/
-__nested_webpack_require_62338__.r(__nested_webpack_exports__);
-/* harmony export */ __nested_webpack_require_62338__.d(__nested_webpack_exports__, {
+__nested_webpack_require_62333__.r(__nested_webpack_exports__);
+/* harmony export */ __nested_webpack_require_62333__.d(__nested_webpack_exports__, {
 /* harmony export */   icons: () => (/* binding */ icons)
 /* harmony export */ });
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 //@ts-ignore
-var path = __nested_webpack_require_62338__("./src/images-v2 sync recursive \\.svg$");
+var path = __nested_webpack_require_62333__("./src/images-v2 sync recursive \\.svg$");
 var icons = {};
 path.keys().forEach(function (key) {
     icons[key.substring(2, key.length - 4).toLowerCase()] = path(key);
@@ -2266,9 +2266,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();
@@ -6782,10 +6779,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();
@@ -9117,6 +9110,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) {
@@ -9225,6 +9233,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]);
         }
@@ -9256,6 +9267,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))
@@ -9278,21 +9292,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;
@@ -9300,6 +9300,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];
@@ -12186,8 +12191,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;
@@ -13199,7 +13206,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.0-rc.9"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.0.0"), "survey-js-ui");
 
 })();