survey-creator-react 3.2.1 → 3.2.3

package/fesm/survey-creator-react.mjs

@@ -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
@@ -755,6 +755,9 @@ ReactElementFactory.Instance.registerElement(
 
 class QuestionRatingAdornerComponent extends CreatorModelElement {
   createModel(props) {
+    if (this.modelValue && !this.modelValue.isDisposed) {
+      this.modelValue.dispose();
+    }
     this.modelValue = this.createQuestionViewModel(props);
   }
   createQuestionViewModel(props) {
@@ -776,6 +779,17 @@ class QuestionRatingAdornerComponent extends CreatorModelElement {
   getStateElement() {
     return this.model;
   }
+  componentDidMount() {
+    if (this.modelValue.isDisposed) {
+      this.createModel(this.props);
+      this.forceUpdate();
+    }
+    super.componentDidMount();
+  }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    this.modelValue.dispose();
+  }
   renderElement() {
     const model = this.ratingModel;
     return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "svc-rating-question-content" }, /* @__PURE__ */ React.createElement(SurveyActionBar, { model: model.rateActionsContainer }), this.props.element));
@@ -1037,7 +1051,7 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
   }
   renderContent() {
     if (!this.model.needRenderContent) {
-      return /* @__PURE__ */ React.createElement("div", { className: "svc-page__loading-content" }, /* @__PURE__ */ React.createElement(LoadingIndicatorComponent, null));
+      return /* @__PURE__ */ React.createElement("div", { className: this.model.loadingContentCss }, /* @__PURE__ */ React.createElement(LoadingIndicatorComponent, null));
     }
     return /* @__PURE__ */ React.createElement(
       PageElementContent,
@@ -1049,6 +1063,7 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
     );
   }
   renderHeader() {
+    if (!this.model.needRenderContent) return null;
     const actions = /* @__PURE__ */ React.createElement("div", { className: "svc-page__content-actions" }, /* @__PURE__ */ React.createElement(SurveyActionBar, { model: this.model.actionContainer }), this.model.topActionContainer.hasActions ? /* @__PURE__ */ React.createElement(SurveyActionBar, { model: this.model.topActionContainer }) : null);
     if (this.model.isGhost || !this.model.allowDragging) {
       return actions;
@@ -1064,6 +1079,7 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
     );
   }
   renderFooter() {
+    if (!this.model.needRenderContent) return null;
     return /* @__PURE__ */ React.createElement(SurveyActionBar, { model: this.model.footerActionsBar });
   }
 }
@@ -1309,6 +1325,9 @@ class ItemValueAdornerComponent extends CreatorModelElement {
     this.rootRef = React.createRef();
   }
   createModel(props) {
+    if (this.model && !this.model.isDisposed) {
+      this.model.dispose();
+    }
     this.model = new ItemValueWrapperViewModel(
       props.componentData.creator,
       props.question,
@@ -1329,12 +1348,17 @@ class ItemValueAdornerComponent extends CreatorModelElement {
     }
   }
   componentDidMount() {
+    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(void 0);
+    this.model.dispose();
   }
   renderButton(action) {
     return ReactElementFactory.Instance.createElement("sv-action-bar-item", {
@@ -1398,6 +1422,9 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
     this.rootRef = React.createRef();
   }
   createModel(props) {
+    if (this.model && !this.model.isDisposed) {
+      this.model.dispose();
+    }
     this.model = new ImageItemValueWrapperViewModel(
       props.componentData.creator,
       props.question,
@@ -1416,6 +1443,10 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
     return this.props.question;
   }
   componentDidMount() {
+    if (this.model.isDisposed) {
+      this.createModel(this.props);
+      this.forceUpdate();
+    }
     super.componentDidMount();
     this.model.itemsRoot = this.rootRef.current;
   }
@@ -1423,6 +1454,10 @@ class ImageItemValueAdornerComponent extends CreatorModelElement {
     super.componentDidUpdate(prevProps, prevState);
     this.model.itemsRoot = this.rootRef.current;
   }
+  componentWillUnmount() {
+    super.componentWillUnmount();
+    this.model.dispose();
+  }
   renderLoadingIndicator() {
     return /* @__PURE__ */ React.createElement("div", { className: "svc-image-item-value__loading" }, /* @__PURE__ */ React.createElement(LoadingIndicatorComponent, null));
   }
@@ -2721,7 +2756,7 @@ const _PageWrapperComponent = class _PageWrapperComponent extends React.Componen
   }
   clearCallback(page) {
     if (!page) return;
-    page.unRegisterFunctionOnPropertyValueChanged("name");
+    page.unRegisterFunctionOnPropertyValueChanged("name", this.id);
   }
   componentDidUpdate(prevProps, prevState) {
     if (prevProps.page !== this.props.page) {
@@ -2771,7 +2806,7 @@ class TabJsonEditorTextareaComponent extends SurveyElementBase {
         ref: (input) => setControl(input),
         className: "svc-json-editor-tab__content-area",
         value: this.model.text,
-        onChange: (e) => this.model.text = e.target.value,
+        onChange: (e) => this.model.onTextInput(e.target.value),
         onKeyDown: (e) => this.model.checkKey(e, e),
         disabled: this.model.readOnly,
         "aria-label": this.model.ariaLabel
@@ -3615,8 +3650,8 @@ ReactElementFactory.Instance.registerElement("sv-fileedit-button", (props) => {
 });
 
 let Version;
-Version = `${"3.2.1"}`;
-checkLibraryVersion(`${"3.2.1"}`, "survey-creator-react");
+Version = `${"3.2.3"}`;
+checkLibraryVersion(`${"3.2.3"}`, "survey-creator-react");
 
 export { ActionButton, AdaptiveToolbox, AddQuestionButtonComponent, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CollabRowComponent, ComponentContainer, CreatorSurveyPageComponent, FloatingPanelComponent, IconItem, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SideBarLaunchCard, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionFileEditorButton, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyResults, SurveyResultsByRow, SurveySimulator, SurveySpinEditorButton, SwitcherComponent, TabButtonComponent, TabContainerComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicComponent, TabPreviewSurveyComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationDropdownQuestionComponent, TranslationLineSkeleton, TranslationLocaleItemComponent, VariablesViewerComponent, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map