survey-creator-react 1.12.10 → 1.12.11

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.12.10",
+  "version": "1.12.11",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -29,9 +29,9 @@
     "ace-builds": "^1.4.12",
     "react": "^16.5.0 || ^17.0.1 || ^18.1.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0",
-    "survey-core": "1.12.10",
-    "survey-react-ui": "1.12.10",
-    "survey-creator-core": "1.12.10"
+    "survey-core": "1.12.11",
+    "survey-react-ui": "1.12.11",
+    "survey-creator-core": "1.12.11"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.12.10
+ * SurveyJS Creator React v1.12.11
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -774,12 +774,12 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
     };
     SurveyPageNavigator.prototype.renderElement = function () {
         var _this = this;
-        var className = "svc-page-navigator__selector";
+        var className = "svc-page-navigator__selector svc-page-navigator__button";
         if (this.model.isPopupOpened)
-            className += " svc-page-navigator__selector--opened";
+            className += " svc-page-navigator__button--pressed";
         return (react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: "svc-page-navigator", ref: this.containerRef, style: { display: this.model.visible ? "flex" : "none" } },
             (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", { className: className, onClick: function () { return _this.model.togglePageSelector(); }, title: this.model.pageSelectorCaption },
-                react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__navigator-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
+                react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { className: "svc-page-navigator__button-icon", iconName: this.model.icon, size: "auto", title: this.model.pageSelectorCaption }),
                 react__WEBPACK_IMPORTED_MODULE_4__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.model.popupModel }))),
             react__WEBPACK_IMPORTED_MODULE_4__.createElement("div", null, this.model.visibleItems.map(function (item) { return (react__WEBPACK_IMPORTED_MODULE_4__.createElement(SurveyPageNavigatorItem, { key: item.id, item: item })); }))));
     };
@@ -2615,6 +2615,9 @@ var RowWrapper = /** @class */ (function (_super) {
         return _super.call(this, props) || this;
     }
     RowWrapper.prototype.createModel = function (props) {
+        if (!!this.model) {
+            this.model.dispose();
+        }
         this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.RowViewModel(props.componentData.creator, props.row, null);
     };
     RowWrapper.prototype.getUpdatedModelProps = function () {
@@ -2623,6 +2626,14 @@ var RowWrapper = /** @class */ (function (_super) {
     RowWrapper.prototype.getStateElement = function () {
         return this.model;
     };
+    RowWrapper.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.model.subscribeElementChanges();
+    };
+    RowWrapper.prototype.componentWillUnmount = function () {
+        this.model.unsubscribeElementChanges();
+        _super.prototype.componentWillUnmount.call(this);
+    };
     RowWrapper.prototype.render = function () {
         return (react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses },
             react__WEBPACK_IMPORTED_MODULE_2__.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--top" }),
@@ -3621,11 +3632,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
-/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__);
-
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__);
 
 
 
@@ -3646,7 +3654,7 @@ var SideBarPropertyGridHeader = /** @class */ (function (_super) {
     };
     SideBarPropertyGridHeader.prototype.renderElement = function () {
         var _this = this;
-        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.objectSelectionAction.buttonClassName, onClick: function () { return _this.objectSelectionAction.action(); } },
+        var button = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.objectSelectionAction.buttonClassName, onClick: function () { return _this.objectSelectionAction.action(); } },
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-sidebar__header-caption" },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-sidebar__header-title" }, this.objectSelectionAction.title),
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-sidebar__header-subtitle" }, this.objectSelectionAction.tooltip))), this.props.model);
@@ -3654,11 +3662,11 @@ var SideBarPropertyGridHeader = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-sidebar__header-container svc-sidebar__header-container--with-subtitle" },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-sidebar__header-content" },
                     button,
-                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.Popup, { model: this.objectSelectionAction.popupModel, getTarget: survey_core__WEBPACK_IMPORTED_MODULE_2__.getActionDropdownButtonTarget })))));
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.objectSelectionAction.popupModel })))));
     };
     return SideBarPropertyGridHeader;
-}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
-survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header", function (props) {
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-side-bar-property-grid-header", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SideBarPropertyGridHeader, props);
 });
 
@@ -3911,7 +3919,7 @@ var TabDesignerComponent = /** @class */ (function (_super) {
                 : null,
             this.model.hasToolbar ?
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-tab-designer__toolbar" },
-                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.actionContainer, handleClick: false }))
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.surfaceToolbar, handleClick: false }))
                 : null));
     };
     return TabDesignerComponent;
@@ -4689,6 +4697,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
     AdaptiveToolbox.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
         this.toolbox.unsubscribeRootElement();
+        this.toolbox.setRootElement(undefined);
         _super.prototype.componentWillUnmount.call(this);
     };
     AdaptiveToolbox.prototype.renderSearch = function () {
@@ -5124,7 +5133,7 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, model: this.model, parentModel: this.parentModel, isCompact: this.isCompact }),
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__item-submenu-button", onMouseOver: function (event) { return _this.model.onMouseOver(_this.item, event); }, onMouseLeave: function (event) { return _this.model.onMouseLeave(_this.item, event); } },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SvgIcon, { size: "auto", iconName: this.item.subitemsButtonIcon }),
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel, getArea: this.item.getArea })));
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.Popup, { model: this.item.popupModel })));
     };
     return SurveyCreatorToolboxItemGroup;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_3__.CreatorModelElement));
@@ -5472,7 +5481,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_64___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_64__);
 var Version;
-Version = "".concat("1.12.10");
+Version = "".concat("1.12.11");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5546,7 +5555,7 @@ Version = "".concat("1.12.10");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.10"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.11"), "survey-creator-react");
 
 })();