survey-creator-react 3.2.1 → 3.2.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "3.2.1",
+  "version": "3.2.3",
   "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.3",
+    "survey-react-ui": "3.2.3",
+    "survey-creator-core": "3.2.3"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v3.2.1
+ * SurveyJS Creator v3.2.3
  * (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,
@@ -901,12 +917,16 @@
         }
         renderContent() {
             if (!this.model.needRenderContent) {
-                return React__namespace.createElement("div", { className: "svc-page__loading-content" },
+                return React__namespace.createElement("div", { className: this.model.loadingContentCss },
                     React__namespace.createElement(surveyReactUi.LoadingIndicatorComponent, null));
             }
             return (React__namespace.createElement(PageElementContent, { page: this.props.page, survey: this.props.survey, creator: this.props.creator }));
         }
         renderHeader() {
+            // The loading placeholder renders no header and no footer: reading their action containers builds them
+            // (and fires onElementGetActions / onPageGetFooterActions) for every page, rendered or not.
+            if (!this.model.needRenderContent)
+                return null;
             const actions = (React__namespace.createElement("div", { className: "svc-page__content-actions" },
                 React__namespace.createElement(surveyReactUi.SurveyActionBar, { model: this.model.actionContainer }),
                 (this.model.topActionContainer.hasActions ? React__namespace.createElement(surveyReactUi.SurveyActionBar, { model: this.model.topActionContainer }) : null)));
@@ -918,6 +938,8 @@
                 actions));
         }
         renderFooter() {
+            if (!this.model.needRenderContent)
+                return null;
             return React__namespace.createElement(surveyReactUi.SurveyActionBar, { model: this.model.footerActionsBar });
         }
     }
@@ -1138,6 +1160,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 +1179,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 +1250,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 +1265,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 +1278,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 +2484,7 @@
         clearCallback(page) {
             if (!page)
                 return;
-            page.unRegisterFunctionOnPropertyValueChanged("name");
+            page.unRegisterFunctionOnPropertyValueChanged("name", this.id);
         }
         componentDidUpdate(prevProps, prevState) {
             if (prevProps.page !== this.props.page) {
@@ -2485,7 +2530,7 @@
             const errors = React__namespace.createElement(TabJsonEditorErrorsComponent, { data: this.model });
             return (React__namespace.createElement("div", { className: "svc-creator-tab__content" },
                 React__namespace.createElement("div", { className: "svc-json-editor-tab__content" },
-                    React__namespace.createElement("textarea", { ref: input => (setControl(input)), className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: (e) => (this.model.text = e.target.value), onKeyDown: (e) => this.model.checkKey(e, e), disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
+                    React__namespace.createElement("textarea", { ref: input => (setControl(input)), className: "svc-json-editor-tab__content-area", value: this.model.text, onChange: (e) => this.model.onTextInput(e.target.value), onKeyDown: (e) => this.model.checkKey(e, e), disabled: this.model.readOnly, "aria-label": this.model.ariaLabel }),
                     errors)));
         }
     }
@@ -3176,8 +3221,8 @@
     });
 
     exports.Version = void 0;
-    exports.Version = `${"3.2.1"}`;
-    surveyCore.checkLibraryVersion(`${"3.2.1"}`, "survey-creator-react");
+    exports.Version = `${"3.2.3"}`;
+    surveyCore.checkLibraryVersion(`${"3.2.3"}`, "survey-creator-react");
 
     Object.defineProperty(exports, "PropertyGridEditorCollection", {
         enumerable: true,