survey-creator-react 3.2.1 → 3.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "Embeddable SurveyJS drag-and-drop form builder for JSON-based forms in React. Create dynamic surveys, polls, quizzes, and other forms, configure conditional logic and validation, and customize the editor UI.",
   "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "homepage": "https://surveyjs.io/",
@@ -67,9 +67,9 @@
     "ace-builds": "^1.4.12",
     "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",
-    "survey-core": "3.2.1",
-    "survey-react-ui": "3.2.1",
-    "survey-creator-core": "3.2.1"
+    "survey-core": "3.2.2",
+    "survey-react-ui": "3.2.2",
+    "survey-creator-core": "3.2.2"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v3.2.1
+ * SurveyJS Creator v3.2.2
  * (c) 2015-2026 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -685,6 +685,9 @@
 
     class QuestionRatingAdornerComponent extends CreatorModelElement {
         createModel(props) {
+            if (this.modelValue && !this.modelValue.isDisposed) {
+                this.modelValue.dispose();
+            }
             this.modelValue = this.createQuestionViewModel(props);
         }
         createQuestionViewModel(props) {
@@ -702,6 +705,19 @@
         getStateElement() {
             return this.model;
         }
+        componentDidMount() {
+            // React StrictMode mounts the same component again after
+            // componentWillUnmount disposed its model.
+            if (this.modelValue.isDisposed) {
+                this.createModel(this.props);
+                this.forceUpdate();
+            }
+            super.componentDidMount();
+        }
+        componentWillUnmount() {
+            super.componentWillUnmount();
+            this.modelValue.dispose();
+        }
         renderElement() {
             const model = this.ratingModel;
             return (React__namespace.createElement(React__namespace.Fragment, null,
@@ -1138,6 +1154,9 @@
             this.rootRef = React__namespace.createRef();
         }
         createModel(props) {
+            if (this.model && !this.model.isDisposed) {
+                this.model.dispose();
+            }
             this.model = new surveyCreatorCore.ItemValueWrapperViewModel(props.componentData.creator, props.question, props.item);
         }
         getUpdatedModelProps() {
@@ -1154,12 +1173,19 @@
             }
         }
         componentDidMount() {
+            // React StrictMode mounts the same component again after
+            // componentWillUnmount disposed its model.
+            if (this.model.isDisposed) {
+                this.createModel(this.props);
+                this.forceUpdate();
+            }
             super.componentDidMount();
             this.props.item.setRootElement(this.rootRef.current);
         }
         componentWillUnmount() {
             super.componentWillUnmount();
             this.props.item.setRootElement(undefined);
+            this.model.dispose();
         }
         renderButton(action) {
             return surveyReactUi.ReactElementFactory.Instance.createElement("sv-action-bar-item", {
@@ -1218,6 +1244,9 @@
             this.rootRef = React__namespace.createRef();
         }
         createModel(props) {
+            if (this.model && !this.model.isDisposed) {
+                this.model.dispose();
+            }
             this.model = new surveyCreatorCore.ImageItemValueWrapperViewModel(props.componentData.creator, props.question, props.item, null, null);
         }
         getUpdatedModelProps() {
@@ -1230,6 +1259,12 @@
             return this.props.question;
         }
         componentDidMount() {
+            // React StrictMode mounts the same component again after
+            // componentWillUnmount disposed its model.
+            if (this.model.isDisposed) {
+                this.createModel(this.props);
+                this.forceUpdate();
+            }
             super.componentDidMount();
             this.model.itemsRoot = this.rootRef.current;
         }
@@ -1237,6 +1272,10 @@
             super.componentDidUpdate(prevProps, prevState);
             this.model.itemsRoot = this.rootRef.current;
         }
+        componentWillUnmount() {
+            super.componentWillUnmount();
+            this.model.dispose();
+        }
         renderLoadingIndicator() {
             return React__namespace.createElement("div", { className: "svc-image-item-value__loading" },
                 React__namespace.createElement(surveyReactUi.LoadingIndicatorComponent, null));
@@ -2439,7 +2478,7 @@
         clearCallback(page) {
             if (!page)
                 return;
-            page.unRegisterFunctionOnPropertyValueChanged("name");
+            page.unRegisterFunctionOnPropertyValueChanged("name", this.id);
         }
         componentDidUpdate(prevProps, prevState) {
             if (prevProps.page !== this.props.page) {
@@ -3176,8 +3215,8 @@
     });
 
     exports.Version = void 0;
-    exports.Version = `${"3.2.1"}`;
-    surveyCore.checkLibraryVersion(`${"3.2.1"}`, "survey-creator-react");
+    exports.Version = `${"3.2.2"}`;
+    surveyCore.checkLibraryVersion(`${"3.2.2"}`, "survey-creator-react");
 
     Object.defineProperty(exports, "PropertyGridEditorCollection", {
         enumerable: true,