survey-creator-js 1.12.21 → 2.0.0-rc.0

package/index.html

@@ -20,7 +20,7 @@
   <!-- <script src="./build/survey-creator-js.js"></script> -->
 
   <!--<script src="./build/survey-creator-react.js"></script>-->
-  <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/defaultV2.css" />
+  <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/default.css" />
   <!-- <link rel="stylesheet" type="text/css" href="./node_modules/survey-core/modern.css" /> -->
   <link rel="stylesheet" type="text/css" href="./node_modules/survey-creator-core/survey-creator-core.css" />
   <!-- <link rel="stylesheet" type="text/css" href="./build/survey-creator-react.css" /> -->

package/package.json

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

package/survey-creator-js.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v1.12.21
+ * SurveyJS Creator UI v2.0.0-rc.0
  * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1377,9 +1377,8 @@ var __extends = (undefined && undefined.__extends) || (function () {
 var SurveyLocStringEditor = /** @class */ (function (_super) {
     __extends(SurveyLocStringEditor, _super);
     function SurveyLocStringEditor(props) {
-        var _this = this;
         var _a;
-        _this = _super.call(this, props) || this;
+        var _this = _super.call(this, props) || this;
         _this.onChangedHandler = function (sender, options) {
             _this.setState({ changed: !!_this.state && _this.state.changed ? _this.state.changed + 1 : 1 });
         };
@@ -1868,6 +1867,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var TabbedMenuComponent = /** @class */ (function (_super) {
     __extends(TabbedMenuComponent, _super);
     function TabbedMenuComponent(props) {
@@ -1886,7 +1886,7 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
         return this.model;
     };
     TabbedMenuComponent.prototype.renderElement = function () {
-        var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabbedMenuItemWrapper, { item: item, key: item.id }); });
+        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" }, items));
     };
     TabbedMenuComponent.prototype.componentDidMount = function () {
@@ -1894,7 +1894,7 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
         var container = this.rootRef.current;
         if (!container)
             return;
-        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ResponsivityManager(container, this.model, ".svc-tabbed-menu-item-container:not(.sv-dots)>.sv-action__content");
+        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_1__.ResponsivityManager(container, this.model);
     };
     TabbedMenuComponent.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
@@ -1905,8 +1905,10 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
 
 var TabbedMenuItemWrapper = /** @class */ (function (_super) {
     __extends(TabbedMenuItemWrapper, _super);
-    function TabbedMenuItemWrapper() {
-        return _super !== null && _super.apply(this, arguments) || this;
+    function TabbedMenuItemWrapper(props) {
+        var _this = _super.call(this, props) || this;
+        _this.ref = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
+        return _this;
     }
     Object.defineProperty(TabbedMenuItemWrapper.prototype, "item", {
         get: function () {
@@ -1925,9 +1927,33 @@ var TabbedMenuItemWrapper = /** @class */ (function (_super) {
         }
         css += (!this.item.isVisible ? " sv-action--hidden" : "");
         var component = react__WEBPACK_IMPORTED_MODULE_0__.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { key: this.item.id, className: css },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { key: this.item.id, className: css, ref: this.ref },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-action__content" }, component)));
     };
+    TabbedMenuItemWrapper.prototype.componentDidMount = function () {
+        var _this = this;
+        _super.prototype.componentDidMount.call(this);
+        this.item.updateModeCallback = function (mode, callback) {
+            queueMicrotask(function () {
+                if (react__WEBPACK_IMPORTED_MODULE_0__.flushSync) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.flushSync(function () {
+                        _this.item.mode = mode;
+                    });
+                }
+                else {
+                    _this.item.mode = mode;
+                }
+                queueMicrotask(function () {
+                    callback(mode, _this.ref.current);
+                });
+            });
+        };
+        this.item.afterRender();
+    };
+    TabbedMenuItemWrapper.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.item.updateModeCallback = undefined;
+    };
     return TabbedMenuItemWrapper;
 }(react__WEBPACK_IMPORTED_MODULE_0__.SurveyElementBase));
 var TabbedMenuItemComponent = /** @class */ (function (_super) {
@@ -2205,7 +2231,8 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
     CreatorSurveyPageComponent.prototype.renderHeader = function () {
         var _this = this;
         var actions = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-page__content-actions" },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.SurveyActionBar, { model: this.model.actionContainer })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.SurveyActionBar, { model: this.model.actionContainer }),
+            (this.model.topActionContainer.hasActions ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.SurveyActionBar, { model: this.model.topActionContainer }) : null)));
         if (this.model.isGhost || !this.model.allowDragging) {
             return actions;
         }
@@ -3791,7 +3818,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("1.12.21");
+Version = "".concat("2.0.0-rc.0");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3864,7 +3891,7 @@ Version = "".concat("1.12.21");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("1.12.21"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.0.0-rc.0"), "survey-creator-react");
 
 
 /***/ }),
@@ -5204,7 +5231,7 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
     return TabPreviewSurveyComponent;
 }(react__WEBPACK_IMPORTED_MODULE_0__.SurveyElementBase));
 
-react__WEBPACK_IMPORTED_MODULE_0__.ReactElementFactory.Instance.registerElement("svc-tab-test", function (props) {
+react__WEBPACK_IMPORTED_MODULE_0__.ReactElementFactory.Instance.registerElement("svc-tab-preview", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__.createElement(TabPreviewSurveyComponent, props);
 });
 
@@ -5667,17 +5694,12 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         return _this;
     }
     AdaptiveToolbox.prototype.componentDidMount = function () {
-        var _this = this;
         _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, this.toolbox.itemSelector, null, undefined, function (callback) { return setTimeout(function () {
-            if (!_this.toolbox.isResponsivenessDisabled) {
-                callback();
-            }
-        }, 10); });
+        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_1__.VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
     };
     AdaptiveToolbox.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
@@ -5704,12 +5726,9 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
     AdaptiveToolbox.prototype.renderItems = function (items, isCompact) {
         var _this = this;
         if (isCompact === void 0) { isCompact = false; }
-        var result = [];
-        items.forEach(function (item, itemIndex) {
-            var tool = react__WEBPACK_IMPORTED_MODULE_0__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_2__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: "item" + itemIndex });
-            result.push(tool);
+        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 result;
     };
     AdaptiveToolbox.prototype.renderCategories = function () {
         var _this = this;
@@ -5895,10 +5914,13 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     __extends(SurveyCreatorToolboxTool, _super);
     function SurveyCreatorToolboxTool(props) {
-        return _super.call(this, props) || this;
+        var _this = _super.call(this, props) || this;
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
+        return _this;
     }
     SurveyCreatorToolboxTool.prototype.createModel = function (props) {
         this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_1__.ToolboxToolViewModel(props.item, props.creator, props.parentModel);
@@ -5940,13 +5962,37 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
             model: this.model,
             isCompact: this.isCompact
         });
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: item.css, key: item.id },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: item.css, key: item.id, ref: this.rootRef },
             (item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__tool-content sv-action__content", onPointerDown: function (event) {
                     event.persist();
                     _this.model.onPointerDown(event);
                 } }, itemComponent)));
     };
+    SurveyCreatorToolboxTool.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.item.updateModeCallback = undefined;
+    };
+    SurveyCreatorToolboxTool.prototype.componentDidMount = function () {
+        var _this = this;
+        _super.prototype.componentDidMount.call(this);
+        this.item.updateModeCallback = function (mode, callback) {
+            queueMicrotask(function () {
+                if (react__WEBPACK_IMPORTED_MODULE_0__.flushSync) {
+                    react__WEBPACK_IMPORTED_MODULE_0__.flushSync(function () {
+                        _this.item.mode = mode;
+                    });
+                }
+                else {
+                    _this.item.mode = mode;
+                }
+                queueMicrotask(function () {
+                    callback(mode, _this.rootRef.current);
+                });
+            });
+        };
+        this.item.afterRender();
+    };
     return SurveyCreatorToolboxTool;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_2__.CreatorModelElement));