survey-creator-react 2.3.4 → 2.3.5

package/package.json

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

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v2.3.4
+ * SurveyJS Creator React v2.3.5
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -3361,7 +3361,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.3.4");
+Version = "".concat("2.3.5");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3433,7 +3433,7 @@ Version = "".concat("2.3.4");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.4"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.3.5"), "survey-creator-react");
 
 
 /***/ }),
@@ -4122,27 +4122,19 @@ var TabDesignerComponent = /** @class */ (function (_super) {
         if (this.creator.pageEditMode !== "bypage") {
             var pages = this.model.pages;
             pages.forEach(function (page) {
-                renderedPages.push(_this.createRenderedPage(page, page == _this.model.newPage));
+                renderedPages.push(_this.createRenderedPage(page, "svc-page", page == _this.model.newPage));
             });
         }
         else {
             var page2Display = this.model.pagesController.page2Display;
             if (!!page2Display) {
-                renderedPages.push(this.createRenderedPage(page2Display, this.model.newPage === page2Display));
+                renderedPages.push(this.createRenderedPage(page2Display, "svc-page", this.model.newPage === page2Display));
             }
         }
         return renderedPages;
     };
-    TabDesignerComponent.prototype.createRenderedPage = function (page, isGhostPage) {
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page", "data-sv-drop-target-page": page.name, "data-sv-drop-target-survey-element": isGhostPage ? "newGhostPage" : page.name, key: page.id }, this.renderPage(page, isGhostPage)));
-    };
-    TabDesignerComponent.prototype.renderNewPage = function (className, key) {
-        if (key === void 0) { key = ""; }
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, { key: key },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, "data-sv-drop-target-survey-element": "newGhostPage" }, !!this.model.newPage ? this.renderPage(this.model.newPage, true) : null)));
-    };
-    TabDesignerComponent.prototype.renderPage = function (pageV, isGhost) {
-        return survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-page", { survey: this.creator.survey, page: pageV, creator: this.creator, isGhost: isGhost });
+    TabDesignerComponent.prototype.createRenderedPage = function (page, className, isGhostPage) {
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement(PageWrapperComponent, { key: page === null || page === void 0 ? void 0 : page.id, page: page, isGhost: isGhostPage, creator: this.creator, className: className });
     };
     TabDesignerComponent.prototype.renderElement = function () {
         var _this = this;
@@ -4167,7 +4159,7 @@ var TabDesignerComponent = /** @class */ (function (_super) {
             surveyHeader,
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-designer__placeholder-container", "data-sv-drop-target-survey-element": "newGhostPage" },
                 this.renderPlaceHolderContent(),
-                this.renderNewPage("svc-designer-placeholder-page"))));
+                this.createRenderedPage(this.model.newPage, "svc-designer-placeholder-page", true))));
     };
     TabDesignerComponent.prototype.renderPlaceHolderContent = function () {
         return react__WEBPACK_IMPORTED_MODULE_1__.createElement(_components_SurfacePlaceholder__WEBPACK_IMPORTED_MODULE_4__.SurfacePlaceholder, { name: "designer", placeholderTitleText: this.model.placeholderTitleText, placeholderDescriptionText: this.model.placeholderDescriptionText });
@@ -4204,6 +4196,47 @@ var TabDesignerComponent = /** @class */ (function (_super) {
 survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-designer", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabDesignerComponent, props);
 });
+var PageWrapperComponent = /** @class */ (function (_super) {
+    (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(PageWrapperComponent, _super);
+    function PageWrapperComponent(props) {
+        var _this = _super.call(this, props) || this;
+        _this.id = "PageWrapperCallback_".concat(++PageWrapperComponent.ID);
+        _this.state = { changed: 0 };
+        return _this;
+    }
+    PageWrapperComponent.prototype.render = function () {
+        var _a, _b;
+        var pageContent = !!this.props.page ? survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement("svc-page", { survey: this.props.creator.survey, page: this.props.page, creator: this.props.creator, isGhost: this.props.isGhost }) : null;
+        return react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.props.className, "data-sv-drop-target-page": (_a = this.props.page) === null || _a === void 0 ? void 0 : _a.name, "data-sv-drop-target-survey-element": this.props.isGhost ? "newGhostPage" : (_b = this.props.page) === null || _b === void 0 ? void 0 : _b.name }, pageContent);
+    };
+    PageWrapperComponent.prototype.setupCallback = function (page) {
+        var _this = this;
+        if (!page)
+            return;
+        page.registerFunctionOnPropertyValueChanged("name", function () {
+            _this.setState({ changed: !!_this.state && _this.state.changed ? _this.state.changed + 1 : 1 });
+        }, this.id);
+    };
+    PageWrapperComponent.prototype.clearCallback = function (page) {
+        if (!page)
+            return;
+        page.unRegisterFunctionOnPropertyValueChanged("name");
+    };
+    PageWrapperComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
+        if (prevProps.page !== this.props.page) {
+            this.clearCallback(prevProps.page);
+            this.setupCallback(this.props.page);
+        }
+    };
+    PageWrapperComponent.prototype.componentDidMount = function () {
+        this.setupCallback(this.props.page);
+    };
+    PageWrapperComponent.prototype.componentWillUnmount = function () {
+        this.clearCallback(this.props.page);
+    };
+    PageWrapperComponent.ID = 0;
+    return PageWrapperComponent;
+}(react__WEBPACK_IMPORTED_MODULE_1__.Component));
 
 
 /***/ }),