survey-creator-react 2.0.9 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "2.0.9",
+  "version": "2.1.0",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -37,9 +37,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": "2.0.9",
-    "survey-react-ui": "2.0.9",
-    "survey-creator-core": "2.0.9"
+    "survey-core": "2.1.0",
+    "survey-react-ui": "2.1.0",
+    "survey-creator-core": "2.1.0"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -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
@@ -1886,6 +1886,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+var PageElementContent = react__WEBPACK_IMPORTED_MODULE_1__.memo(function (_a) {
+    var page = _a.page, survey = _a.survey, creator = _a.creator;
+    return react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { page: page, survey: survey, creator: creator });
+});
+PageElementContent.displayName = "PageElementContent";
 var CreatorSurveyPageComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(CreatorSurveyPageComponent, _super);
     function CreatorSurveyPageComponent(props) {
@@ -1897,9 +1902,12 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
         if (this.model) {
             this.model.attachToUI(props.page, this.rootRef.current);
         }
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_4__.PageAdorner(props.creator, props.page);
+        this.model = this.createPageAdorner(props.creator, props.page);
         this.model.isGhost = this.props.isGhost;
     };
+    CreatorSurveyPageComponent.prototype.createPageAdorner = function (creator, page) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_4__.PageAdorner(creator, page);
+    };
     CreatorSurveyPageComponent.prototype.shouldComponentUpdate = function (nextProps, nextState) {
         var res = _super.prototype.shouldComponentUpdate.call(this, nextProps, nextState);
         if (this.model) {
@@ -1950,7 +1958,11 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-panel__placeholder" }, this.model.placeholderText))));
     };
     CreatorSurveyPageComponent.prototype.renderContent = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { page: this.props.page, survey: this.props.survey, creator: this.props.creator, css: this.model.css }));
+        if (!this.model.needRenderContent) {
+            return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page__loading-content" },
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.LoadingIndicatorComponent, null));
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(PageElementContent, { page: this.props.page, survey: this.props.survey, creator: this.props.creator }));
     };
     CreatorSurveyPageComponent.prototype.renderHeader = function () {
         var _this = this;
@@ -2066,6 +2078,11 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+function QuestionElementContentFunc(props) {
+    return props.element;
+}
+var QuestionElementContent = react__WEBPACK_IMPORTED_MODULE_2__.memo(QuestionElementContentFunc);
+QuestionElementContent.displayName = "QuestionElementContent";
 var QuestionAdornerComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(QuestionAdornerComponent, _super);
     function QuestionAdornerComponent(props) {
@@ -2149,7 +2166,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
     };
     QuestionAdornerComponent.prototype.renderElementContent = function () {
         return (react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment, null,
-            this.props.element,
+            react__WEBPACK_IMPORTED_MODULE_2__.createElement(QuestionElementContent, { element: this.props.element }),
             this.renderElementPlaceholder(),
             this.renderCarryForwardBanner()));
     };
@@ -3335,7 +3352,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_63___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_63__);
 var Version;
-Version = "".concat("2.0.9");
+Version = "".concat("2.1.0");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3407,7 +3424,7 @@ Version = "".concat("2.0.9");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.0.9"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.1.0"), "survey-creator-react");
 
 
 /***/ }),