survey-creator-js 2.2.0 → 2.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-js",
-  "version": "2.2.0",
+  "version": "2.2.2",
   "description": "Use SurveyJS Creator to create or edit JSON for SurveyJS Form Library.",
   "keywords": [
     "Survey",
@@ -28,9 +28,9 @@
   "typings": "./typings/survey-creator-js/entries/index.d.ts",
   "peerDependencies": {
     "ace-builds": "^1.4.12",
-    "survey-core": "2.2.0",
-    "survey-js-ui": "2.2.0",
-    "survey-creator-core": "2.2.0",
+    "survey-core": "2.2.2",
+    "survey-js-ui": "2.2.2",
+    "survey-creator-core": "2.2.2",
     "@types/react-dom": "*",
     "@types/react": "*"
   },

package/survey-creator-js.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v2.2.0
+ * SurveyJS Creator UI v2.2.2
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1501,12 +1501,12 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
             if (this.htmlValue.__html !== this.locString.renderedHtml) {
                 this.htmlValue = { __html: this.locString.renderedHtml };
             }
-            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor sv-string-editor--html", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, tabIndex: this.baseModel.tabIndex, 
                 // style={this.style}
                 dangerouslySetInnerHTML: this.htmlValue, onBlur: this.onBlur, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onMouseUp: this.onMouseUp, onClick: this.edit }));
         }
         else {
-            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
+            control = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { role: "textbox", ref: this.svStringEditorRef, className: "sv-string-editor", contentEditable: this.contentEditable, tabIndex: this.baseModel.tabIndex, spellCheck: false, "aria-placeholder": this.placeholder, "aria-label": this.placeholder || "content editable", suppressContentEditableWarning: true, 
                 // style={this.style}
                 key: this.locString.renderedHtml, onBlur: this.onBlur, onInput: this.onInput, onPaste: this.onPaste, onCompositionStart: this.onCompositionStart, onCompositionEnd: this.onCompositionEnd, onFocus: this.onFocus, onKeyDown: this.onKeyDown, onKeyUp: this.onKeyUp, onMouseUp: this.onMouseUp, onClick: this.edit }, this.locString.renderedHtml));
         }
@@ -1806,8 +1806,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-react-ui */ "survey-js-ui");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -1826,7 +1824,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var TabbedMenuComponent = /** @class */ (function (_super) {
     __extends(TabbedMenuComponent, _super);
     function TabbedMenuComponent(props) {
@@ -1846,17 +1843,24 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
     };
     TabbedMenuComponent.prototype.renderElement = function () {
         var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabbedMenuItemWrapper, { item: item, key: item.renderedId }); });
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu", role: "tablist" }, items));
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu", role: "tablist", style: this.model.getRootStyle() }, items));
+    };
+    TabbedMenuComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        var container = this.rootRef.current;
+        if (!container)
+            return;
+        this.model.initResponsivityManager(container);
     };
     TabbedMenuComponent.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
         var container = this.rootRef.current;
         if (!container)
             return;
-        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ResponsivityManager(container, this.model);
+        this.model.initResponsivityManager(container);
     };
     TabbedMenuComponent.prototype.componentWillUnmount = function () {
-        this.manager && (this.manager.dispose());
+        this.model.resetResponsivityManager();
         _super.prototype.componentWillUnmount.call(this);
     };
     return TabbedMenuComponent;
@@ -3724,7 +3728,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.2.0");
+Version = "".concat("2.2.2");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3796,7 +3800,7 @@ Version = "".concat("2.2.0");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.2.0"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.2.2"), "survey-creator-react");
 
 
 /***/ }),
@@ -5650,11 +5654,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! survey-react-ui */ "survey-js-ui");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _ToolboxItem__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ToolboxItem */ "../survey-creator-react/src/toolbox/ToolboxItem.tsx");
-/* harmony import */ var _components_Search__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../components/Search */ "../survey-creator-react/src/components/Search.tsx");
-/* harmony import */ var _ToolboxCategory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./ToolboxCategory */ "../survey-creator-react/src/toolbox/ToolboxCategory.tsx");
+/* harmony import */ var _ToolboxItem__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ToolboxItem */ "../survey-creator-react/src/toolbox/ToolboxItem.tsx");
+/* harmony import */ var _components_Search__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../components/Search */ "../survey-creator-react/src/components/Search.tsx");
+/* harmony import */ var _ToolboxCategory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ToolboxCategory */ "../survey-creator-react/src/toolbox/ToolboxCategory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -5675,7 +5677,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var AdaptiveToolbox = /** @class */ (function (_super) {
     __extends(AdaptiveToolbox, _super);
     function AdaptiveToolbox(props) {
@@ -5683,17 +5684,22 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
         return _this;
     }
+    AdaptiveToolbox.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        var container = this.rootRef.current;
+        if (container) {
+            this.toolbox.afterRender(container);
+        }
+    };
     AdaptiveToolbox.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
         var container = this.rootRef.current;
-        this.toolbox.setRootElement(container);
-        if (!container)
-            return;
-        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_1__.VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
+        if (container) {
+            this.toolbox.afterRender(container);
+        }
     };
     AdaptiveToolbox.prototype.componentWillUnmount = function () {
-        this.manager && (this.manager.dispose());
-        this.toolbox.setRootElement(undefined);
+        this.toolbox.beforeDestroy();
         _super.prototype.componentWillUnmount.call(this);
     };
     Object.defineProperty(AdaptiveToolbox.prototype, "creator", {
@@ -5717,32 +5723,30 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         var _this = this;
         if (isCompact === void 0) { isCompact = false; }
         return items.map(function (item, itemIndex) {
-            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_2__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: item.renderedId });
+            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_1__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: item.renderedId });
         });
     };
     AdaptiveToolbox.prototype.renderCategories = function () {
         var _this = this;
         return this.toolbox.categories.map(function (category, index) {
-            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxCategory__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxCategory, { category: category, toolbox: _this.toolbox, key: "category" + index });
+            return react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxCategory__WEBPACK_IMPORTED_MODULE_3__.SurveyCreatorToolboxCategory, { category: category, toolbox: _this.toolbox, key: "category" + index });
         });
     };
     AdaptiveToolbox.prototype.renderSearch = function () {
         var searchButton = this.toolbox.isCompactRendered ?
             react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_2__.SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" })) :
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_1__.SurveyCreatorToolboxTool, { item: this.toolbox.searchItem, creator: this.creator, parentModel: this.toolbox, isCompact: this.toolbox.isCompactRendered, key: "searchitem" })) :
             null;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__search-container" },
             searchButton,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_Search__WEBPACK_IMPORTED_MODULE_3__.SearchComponent, { model: this.toolbox.searchManager }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_Search__WEBPACK_IMPORTED_MODULE_2__.SearchComponent, { model: this.toolbox.searchManager }),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__category-separator svc-toolbox__category-separator--search" })));
     };
     AdaptiveToolbox.prototype.render = function () {
         var _this = this;
-        if (!this.toolbox.hasActions)
-            return null;
         var search = this.toolbox.showSearch ? this.renderSearch() : null;
         var placeholder = this.toolbox.showPlaceholder ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__placeholder" }, this.toolbox.toolboxNoResultsFound) : null;
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.rootRef, className: this.toolbox.classNames, style: this.toolbox.getRootStyle() },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
                 search,
                 placeholder,