npm - survey-react-ui - Versions diffs - 1.12.25 → 1.12.27 - Mend

survey-react-ui 1.12.25 → 1.12.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (160) hide show

package/index.html CHANGED Viewed

@@ -10,7 +10,7 @@
     <script src="https://unpkg.com/react-dom@16.5.0/umd/react-dom.development.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
     <script src="./node_modules/survey-core/survey.core.js"></script>
-    <link rel="stylesheet" href="./node_modules/survey-core/default.css" />
+    <link rel="stylesheet" href="./node_modules/survey-core/survey-core.css" />
 </head>
 <body spellcheck="false">

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.12.25",
+  "version": "1.12.27",
   "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.25",
+    "survey-core": "1.12.27",
     "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 CHANGED Viewed

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.25
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 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.25
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 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.25
+ * surveyjs - Survey JavaScript library v1.12.27
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2215,6 +2215,21 @@ var reactquestion_element_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) {
@@ -2323,6 +2338,9 @@ var reactquestion_element_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]);
         }
@@ -2354,6 +2372,9 @@ var reactquestion_element_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))
@@ -2376,21 +2397,7 @@ var reactquestion_element_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;
@@ -2398,6 +2405,11 @@ var reactquestion_element_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];
@@ -2801,8 +2813,10 @@ var row_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;
@@ -4415,10 +4429,6 @@ var page_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();
@@ -10011,7 +10021,7 @@ var imagepicker_SurveyQuestionImagePicker = /** @class */ (function (_super) {
     });
     SurveyQuestionImagePicker.prototype.renderElement = function () {
         var cssClasses = this.question.cssClasses;
-        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss() },
+        return (external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("fieldset", { className: this.question.getSelectBaseRootCss(), style: this.question.getContainerStyle() },
             external_root_React_commonjs2_react_commonjs_react_amd_react_["createElement"]("legend", { className: "sv-hidden" }, this.question.locTitle.renderedHtml),
             this.question.hasColumns ? this.getColumns(cssClasses) : this.getItems(cssClasses)));
     };
@@ -11311,7 +11321,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.25", "survey-react-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.27", "survey-react-ui");
 /***/ }),