survey-creator-react 2.0.9 → 2.1.0

package/fesm/survey-creator-react.mjs

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.0.9
+ * SurveyJS Creator React 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
@@ -359,6 +359,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);
@@ -433,7 +438,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()));
     }
@@ -732,6 +737,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);
@@ -741,9 +750,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) {
@@ -793,7 +805,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" },
@@ -2813,8 +2829,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");
 
 export { ActionButton, AdaptiveToolbox, CellQuestionAdornerComponent, CellQuestionDropdownAdornerComponent, CreatorSurveyPageComponent, ImageItemValueAdornerComponent, ItemValueAdornerComponent, LogoImageComponent, MatrixCellAdornerComponent, PanelAdornerComponent, PropertyGridComponent, PropertyGridPlaceholderComponent, QuestionAdornerComponent, QuestionBanner, QuestionDropdownAdornerComponent, QuestionEditorContentComponent, QuestionErrorComponent, QuestionImageAdornerComponent, QuestionRatingAdornerComponent, QuestionWidgetAdornerComponent, QuestionWrapperFooter, QuestionWrapperHeader, ReactDragEvent, ReactMouseEvent, RowWrapper, SearchComponent, SideBarDefaultHeader, SidebarComponent, SurveyCreator, SurveyCreatorComponent, SurveyCreatorToolboxCategory, SurveyCreatorToolboxItem, SurveyCreatorToolboxItemGroup, SurveyCreatorToolboxTool, SurveyElementEmbeddedSurvey, SurveyLocStringEditor, SurveyLogicOpertor, SurveyNavigation, SurveyQuestionBooleanSwitch, SurveyQuestionColor, SurveyQuestionFileEditor, SurveyQuestionLinkValue, SurveyQuestionSpinEditor, SurveyQuestionTextWithReset, SurveyResults, SurveyResultsByRow, SurveySimulator, SwitcherComponent, TabButtonComponent, TabDesignerComponent, TabJsonEditorAceComponent, TabJsonEditorErrorsComponent, TabJsonEditorTextareaComponent, TabLogicAddButtonComponent, TabLogicComponent, TabPreviewSurveyComponent, TabPreviewTestSurveyAgainComponent, TabThemeSurveyComponent, TabTranslationComponent, TabbedMenuComponent, TabbedMenuItemComponent, ToolboxList, TranslateFromAction, TranslationLineSkeleton, Version };
 //# sourceMappingURL=survey-creator-react.mjs.map