survey-creator-react 1.9.133 → 1.9.134

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.9.133",
+  "version": "1.9.134",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -36,9 +36,9 @@
     }
   },
   "dependencies": {
-    "survey-core": "1.9.133",
-    "survey-react-ui": "1.9.133",
-    "survey-creator-core": "1.9.133"
+    "survey-core": "1.9.134",
+    "survey-react-ui": "1.9.134",
+    "survey-creator-core": "1.9.134"
   },
   "devDependencies": {}
 }

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.9.133
+ * SurveyJS Creator React v1.9.134
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -183,8 +183,8 @@ var ImageItemValueAdornerComponent = /** @class */ (function (_super) {
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2___default.a.createRef();
         return _this;
     }
-    ImageItemValueAdornerComponent.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["ImageItemValueWrapperViewModel"](this.props.componentData.creator, this.props.question, this.props.item, null, null);
+    ImageItemValueAdornerComponent.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["ImageItemValueWrapperViewModel"](props.componentData.creator, props.question, props.item, null, null);
     };
     ImageItemValueAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["question", "item"];
@@ -299,8 +299,8 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
         };
         return _this;
     }
-    ItemValueAdornerComponent.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["ItemValueWrapperViewModel"](this.props.componentData.creator, this.props.question, this.props.item);
+    ItemValueAdornerComponent.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["ItemValueWrapperViewModel"](props.componentData.creator, props.question, props.item);
     };
     ItemValueAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["question", "item"];
@@ -375,12 +375,12 @@ var LogoImageComponent = /** @class */ (function (_super) {
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1___default.a.createRef();
         return _this;
     }
-    LogoImageComponent.prototype.createModel = function () {
+    LogoImageComponent.prototype.createModel = function (props) {
         var prevRoot = null;
         if (!!this.model) {
             prevRoot = this.model.root;
         }
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["LogoImageViewModel"](this.props.data, prevRoot);
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["LogoImageViewModel"](props.data, prevRoot);
     };
     LogoImageComponent.prototype.getUpdatedModelProps = function () {
         return ["data"];
@@ -478,10 +478,15 @@ var MatrixCellAdornerComponent = /** @class */ (function (_super) {
     function MatrixCellAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    MatrixCellAdornerComponent.prototype.createModel = function () {
+    MatrixCellAdornerComponent.prototype.createModel = function (props) {
         var _a;
-        var data = this.props.componentData;
+        var data = props.componentData;
+        var prevIsSelected = false;
+        if (!!this.model) {
+            prevIsSelected = this.model.isSelected;
+        }
         this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["MatrixCellWrapperViewModel"](data.creator, data.element, data.question, data.row, data.column || ((_a = data.element.cell) === null || _a === void 0 ? void 0 : _a.column));
+        this.model.isSelected = prevIsSelected;
     };
     MatrixCellAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["componentData"];
@@ -539,23 +544,26 @@ var CreatorModelElement = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(CreatorModelElement, _super);
     function CreatorModelElement(props) {
         var _this = _super.call(this, props) || this;
-        _this.createModel();
+        _this.createModel(props);
         return _this;
     }
-    CreatorModelElement.prototype.componentDidUpdate = function (prevProps, prevState) {
-        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (this.needUpdateModel(prevProps)) {
-            this.createModel();
+    CreatorModelElement.prototype.shouldComponentUpdate = function (nextProps, nextState) {
+        var result = _super.prototype.shouldComponentUpdate.call(this, nextProps, nextState);
+        if (result) {
+            if (this.needUpdateModel(nextProps)) {
+                this.createModel(nextProps);
+            }
         }
+        return result;
     };
-    CreatorModelElement.prototype.createModel = function () { };
-    CreatorModelElement.prototype.needUpdateModel = function (prevProps) {
+    CreatorModelElement.prototype.createModel = function (props) { };
+    CreatorModelElement.prototype.needUpdateModel = function (nextProps) {
         var names = this.getUpdatedModelProps();
         if (!Array.isArray(names))
             return true;
         for (var i = 0; i < names.length; i++) {
             var key = names[i];
-            if (this.props[key] !== prevProps[key])
+            if (this.props[key] !== nextProps[key])
                 return true;
         }
         return false;
@@ -744,11 +752,11 @@ var SurveyPageNavigator = /** @class */ (function (_super) {
         _this.containerRef = react__WEBPACK_IMPORTED_MODULE_4___default.a.createRef();
         return _this;
     }
-    SurveyPageNavigator.prototype.createModel = function () {
+    SurveyPageNavigator.prototype.createModel = function (props) {
         if (this.model) {
             this.model.dispose();
         }
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["PageNavigatorViewModel"](this.props.pagesController, this.props.pageEditMode);
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["PageNavigatorViewModel"](props.pagesController, props.pageEditMode);
     };
     SurveyPageNavigator.prototype.getUpdatedModelProps = function () {
         return ["pagesController", "pageEditMode"];
@@ -1108,9 +1116,9 @@ var SurveyResults = /** @class */ (function (_super) {
     function SurveyResults() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    SurveyResults.prototype.createModel = function () {
+    SurveyResults.prototype.createModel = function (props) {
         if (this.props.survey) {
-            this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["SurveyResultsModel"](this.props.survey);
+            this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["SurveyResultsModel"](props.survey);
         }
     };
     SurveyResults.prototype.getUpdatedModelProps = function () {
@@ -1442,11 +1450,11 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
         _this.svStringEditorRef = react__WEBPACK_IMPORTED_MODULE_1___default.a.createRef();
         return _this;
     }
-    SurveyLocStringEditor.prototype.createModel = function () {
+    SurveyLocStringEditor.prototype.createModel = function (props) {
         if (this.baseModel) {
             this.baseModel.dispose();
         }
-        this.baseModel = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["StringEditorViewModelBase"](this.locString, this.creator);
+        this.baseModel = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["StringEditorViewModelBase"](props.locStr.locStr, props.locStr.creator);
     };
     SurveyLocStringEditor.prototype.getUpdatedModelProps = function () {
         return ["creator", "locString"];
@@ -1968,8 +1976,8 @@ var CellQuestionAdornerComponent = /** @class */ (function (_super) {
     function CellQuestionAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    CellQuestionAdornerComponent.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_4__["QuestionAdornerViewModel"](this.props.componentData, this.props.question, null);
+    CellQuestionAdornerComponent.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_4__["QuestionAdornerViewModel"](props.componentData, props.question, null);
     };
     CellQuestionAdornerComponent.prototype.getStateElement = function () {
         return this.model;
@@ -2023,8 +2031,8 @@ var CellQuestionDropdownAdornerComponent = /** @class */ (function (_super) {
     function CellQuestionDropdownAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    CellQuestionDropdownAdornerComponent.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](this.props.componentData, this.props.question, null);
+    CellQuestionDropdownAdornerComponent.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](props.componentData, props.question, null);
     };
     CellQuestionDropdownAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["question", "componentData"];
@@ -2094,8 +2102,8 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_4___default.a.createRef();
         return _this;
     }
-    CreatorSurveyPageComponent.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["PageAdorner"](this.props.creator, this.props.page);
+    CreatorSurveyPageComponent.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__["PageAdorner"](props.creator, props.page);
     };
     CreatorSurveyPageComponent.prototype.getUpdatedModelProps = function () {
         return ["creator", "page"];
@@ -2291,14 +2299,14 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
     function QuestionAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    QuestionAdornerComponent.prototype.createModel = function () {
+    QuestionAdornerComponent.prototype.createModel = function (props) {
         if (this.modelValue) {
             this.modelValue.dispose();
         }
-        this.modelValue = this.createQuestionViewModel();
+        this.modelValue = this.createQuestionViewModel(props);
     };
-    QuestionAdornerComponent.prototype.createQuestionViewModel = function () {
-        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](this.props.componentData, this.props.question, null);
+    QuestionAdornerComponent.prototype.createQuestionViewModel = function (props) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](props.componentData, props.question, null);
     };
     QuestionAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["question", "componentData"];
@@ -2447,8 +2455,8 @@ var QuestionDropdownAdornerComponent = /** @class */ (function (_super) {
     function QuestionDropdownAdornerComponent(props) {
         return _super.call(this, props) || this;
     }
-    QuestionDropdownAdornerComponent.prototype.createQuestionViewModel = function () {
-        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["QuestionDropdownAdornerViewModel"](this.props.componentData, this.props.question, null);
+    QuestionDropdownAdornerComponent.prototype.createQuestionViewModel = function (props) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["QuestionDropdownAdornerViewModel"](props.componentData, props.question, null);
     };
     Object.defineProperty(QuestionDropdownAdornerComponent.prototype, "dropdownModel", {
         get: function () {
@@ -2605,8 +2613,8 @@ var QuestionImageAdornerComponent = /** @class */ (function (_super) {
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_2___default.a.createRef();
         return _this;
     }
-    QuestionImageAdornerComponent.prototype.createQuestionViewModel = function () {
-        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionImageAdornerViewModel"](this.props.componentData, this.props.question, null, null);
+    QuestionImageAdornerComponent.prototype.createQuestionViewModel = function (props) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionImageAdornerViewModel"](props.componentData, props.question, null, null);
     };
     Object.defineProperty(QuestionImageAdornerComponent.prototype, "imageModel", {
         get: function () {
@@ -2699,11 +2707,11 @@ var QuestionRatingAdornerComponent = /** @class */ (function (_super) {
     function QuestionRatingAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    QuestionRatingAdornerComponent.prototype.createModel = function () {
-        this.modelValue = this.createQuestionViewModel();
+    QuestionRatingAdornerComponent.prototype.createModel = function (props) {
+        this.modelValue = this.createQuestionViewModel(props);
     };
-    QuestionRatingAdornerComponent.prototype.createQuestionViewModel = function () {
-        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["QuestionRatingAdornerViewModel"](this.props.componentData, this.props.question, null);
+    QuestionRatingAdornerComponent.prototype.createQuestionViewModel = function (props) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["QuestionRatingAdornerViewModel"](props.componentData, props.question, null);
     };
     QuestionRatingAdornerComponent.prototype.getUpdatedModelProps = function () {
         return ["question", "componentData"];
@@ -2777,8 +2785,8 @@ var QuestionWidgetAdornerComponent = /** @class */ (function (_super) {
     function QuestionWidgetAdornerComponent() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    QuestionWidgetAdornerComponent.prototype.createQuestionViewModel = function () {
-        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](this.props.componentData, this.props.question, null);
+    QuestionWidgetAdornerComponent.prototype.createQuestionViewModel = function (props) {
+        return new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["QuestionAdornerViewModel"](props.componentData, props.question, null);
     };
     Object.defineProperty(QuestionWidgetAdornerComponent.prototype, "widgetModel", {
         get: function () {
@@ -2828,8 +2836,8 @@ var RowWrapper = /** @class */ (function (_super) {
     function RowWrapper(props) {
         return _super.call(this, props) || this;
     }
-    RowWrapper.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["RowViewModel"](this.props.componentData.creator, this.props.row, null);
+    RowWrapper.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__["RowViewModel"](props.componentData.creator, props.row, null);
     };
     RowWrapper.prototype.getUpdatedModelProps = function () {
         return ["row", "componentData"];
@@ -3415,7 +3423,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_53___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_53__);
 var Version;
-Version = "".concat("1.9.133");
+Version = "".concat("1.9.134");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3478,7 +3486,7 @@ Version = "".concat("1.9.133");
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_53__["checkLibraryVersion"])("".concat("1.9.133"), "survey-creator-react");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_53__["checkLibraryVersion"])("".concat("1.9.134"), "survey-creator-react");
 
 
 /***/ }),
@@ -4664,8 +4672,8 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     function SurveyCreatorToolboxTool(props) {
         return _super.call(this, props) || this;
     }
-    SurveyCreatorToolboxTool.prototype.createModel = function () {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["ToolboxToolViewModel"](this.item, this.props.creator);
+    SurveyCreatorToolboxTool.prototype.createModel = function (props) {
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["ToolboxToolViewModel"](props.item, props.creator);
     };
     SurveyCreatorToolboxTool.prototype.getUpdatedModelProps = function () {
         return ["creator", "item"];
@@ -4719,9 +4727,9 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
     function SurveyCreatorToolboxItem(props) {
         return _super.call(this, props) || this;
     }
-    SurveyCreatorToolboxItem.prototype.createModel = function () {
-        var toolboxItem = this.props.item;
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["ToolboxToolViewModel"](toolboxItem, this.props.creator);
+    SurveyCreatorToolboxItem.prototype.createModel = function (props) {
+        var toolboxItem = props.item;
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__["ToolboxToolViewModel"](toolboxItem, props.creator);
     };
     SurveyCreatorToolboxItem.prototype.getUpdatedModelProps = function () {
         return ["creator", "item"];