survey-creator-js 2.0.9 → 2.1.0

package/fesm/survey-creator-js.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v2.0.9
+ * SurveyJS Creator UI v2.1.0
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -357,6 +357,11 @@ class ReactDragEvent extends ReactMouseEvent {
     }
 }
 
+function QuestionElementContentFunc(props) {
+    return props.element;
+}
+const QuestionElementContent = React.memo(QuestionElementContentFunc);
+QuestionElementContent.displayName = "QuestionElementContent";
 class QuestionAdornerComponent extends CreatorModelElement {
     constructor(props) {
         super(props);
@@ -431,7 +436,7 @@ class QuestionAdornerComponent extends CreatorModelElement {
     }
     renderElementContent() {
         return (React.createElement(React.Fragment, null,
-            this.props.element,
+            React.createElement(QuestionElementContent, { element: this.props.element }),
             this.renderElementPlaceholder(),
             this.renderCarryForwardBanner()));
     }
@@ -730,6 +735,10 @@ ReactElementFactory.Instance.registerElement("svc-cell-dropdown-question", (prop
     return React.createElement(CellQuestionDropdownAdornerComponent, props);
 });
 
+const PageElementContent = React.memo(({ page, survey, creator }) => {
+    return React.createElement(SurveyPage, { page: page, survey: survey, creator: creator });
+});
+PageElementContent.displayName = "PageElementContent";
 class CreatorSurveyPageComponent extends CreatorModelElement {
     constructor(props) {
         super(props);
@@ -739,9 +748,12 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
         if (this.model) {
             this.model.attachToUI(props.page, this.rootRef.current);
         }
-        this.model = new PageAdorner(props.creator, props.page);
+        this.model = this.createPageAdorner(props.creator, props.page);
         this.model.isGhost = this.props.isGhost;
     }
+    createPageAdorner(creator, page) {
+        return new PageAdorner(creator, page);
+    }
     shouldComponentUpdate(nextProps, nextState) {
         const res = super.shouldComponentUpdate(nextProps, nextState);
         if (this.model) {
@@ -791,7 +803,11 @@ class CreatorSurveyPageComponent extends CreatorModelElement {
                 React.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
     }
     renderContent() {
-        return (React.createElement(SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
+        if (!this.model.needRenderContent) {
+            return React.createElement("div", { className: "svc-page__loading-content" },
+                React.createElement(LoadingIndicatorComponent, null));
+        }
+        return (React.createElement(PageElementContent, { page: this.props.page, survey: this.props.survey, creator: this.props.creator }));
     }
     renderHeader() {
         const actions = (React.createElement("div", { className: "svc-page__content-actions" },
@@ -2811,8 +2827,8 @@ ReactQuestionFactory.Instance.registerQuestion("sv-boolean-switch", (props) => {
 RendererFactory.Instance.registerRenderer("boolean", "switch", "sv-boolean-switch");
 
 let Version;
-Version = `${"2.0.9"}`;
-checkLibraryVersion(`${"2.0.9"}`, "survey-creator-react");
+Version = `${"2.1.0"}`;
+checkLibraryVersion(`${"2.1.0"}`, "survey-creator-react");
 
 function renderSurveyCreator(creator, element, props = {}) {
     let node = element;