survey-creator-react 1.12.20 → 2.0.0-rc.0

package/index.html

@@ -21,7 +21,7 @@
   <script src="./node_modules/survey-creator-core/survey-creator-core.i18n.min.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-react",
-  "version": "1.12.20",
+  "version": "2.0.0-rc.0",
   "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 || ^19.0.0",
     "react-dom": "^16.5.0 || ^17.0.1 || ^18.1.0 || ^19.0.0",
-    "survey-core": "1.12.20",
-    "survey-react-ui": "1.12.20",
-    "survey-creator-core": "1.12.20"
+    "survey-core": "2.0.0-rc.0",
+    "survey-react-ui": "2.0.0-rc.0",
+    "survey-creator-core": "2.0.0-rc.0"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.12.20
+ * SurveyJS Creator React 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
@@ -1162,9 +1162,8 @@ __webpack_require__.r(__webpack_exports__);
 var SurveyLocStringEditor = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__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 });
         };
@@ -1614,10 +1613,13 @@ __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 react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__);
+
 
 
 
@@ -1640,7 +1642,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_1__.createElement(TabbedMenuItemWrapper, { item: item, key: item.id }); });
+        var items = this.model.renderedActions.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemWrapper, { item: item, key: item.renderedId }); });
         return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-tabbed-menu" }, items));
     };
     TabbedMenuComponent.prototype.componentDidMount = function () {
@@ -1648,19 +1650,21 @@ var TabbedMenuComponent = /** @class */ (function (_super) {
         var container = this.rootRef.current;
         if (!container)
             return;
-        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_2__.ResponsivityManager(container, this.model, ".svc-tabbed-menu-item-container:not(.sv-dots)>.sv-action__content");
+        this.manager = new survey_core__WEBPACK_IMPORTED_MODULE_3__.ResponsivityManager(container, this.model);
     };
     TabbedMenuComponent.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
         _super.prototype.componentWillUnmount.call(this);
     };
     return TabbedMenuComponent;
-}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SurveyElementBase));
 
 var TabbedMenuItemWrapper = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__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_1__.createRef();
+        return _this;
     }
     Object.defineProperty(TabbedMenuItemWrapper.prototype, "item", {
         get: function () {
@@ -1678,12 +1682,36 @@ var TabbedMenuItemWrapper = /** @class */ (function (_super) {
             css += " " + this.item.css;
         }
         css += (!this.item.isVisible ? " sv-action--hidden" : "");
-        var component = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: this.item.id, className: css },
+        var component = survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.createElement(this.item.component || "svc-tabbed-menu-item", { item: this.item });
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { key: this.item.id, className: css, ref: this.ref },
             react__WEBPACK_IMPORTED_MODULE_1__.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_dom__WEBPACK_IMPORTED_MODULE_2__.flushSync) {
+                    react_dom__WEBPACK_IMPORTED_MODULE_2__.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;
-}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SurveyElementBase));
 var TabbedMenuItemComponent = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(TabbedMenuItemComponent, _super);
     function TabbedMenuItemComponent() {
@@ -1701,14 +1729,14 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
     };
     TabbedMenuItemComponent.prototype.render = function () {
         var item = this.item;
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.getRootCss(), onClick: function () { return item.action(item); } },
+        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.getRootCss(), onClick: function () { return item.action(item); } },
             item.hasTitle ? react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: item.getTitleCss() }, item.title) : null,
-            item.hasIcon ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
+            item.hasIcon ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SvgIcon, { iconName: item.iconName, className: item.getIconCss(), size: "auto", title: item.tooltip || item.title }) : null)));
     };
     return TabbedMenuItemComponent;
-}(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
+}(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SurveyElementBase));
 
-survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", function (props) {
+survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-tabbed-menu-item", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabbedMenuItemComponent, props);
 });
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (TabbedMenuComponent);
@@ -1926,7 +1954,8 @@ var CreatorSurveyPageComponent = /** @class */ (function (_super) {
     CreatorSurveyPageComponent.prototype.renderHeader = function () {
         var _this = this;
         var actions = (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-page__content-actions" },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.actionContainer })));
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.actionContainer }),
+            (this.model.topActionContainer.hasActions ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyActionBar, { model: this.model.topActionContainer }) : null)));
         if (this.model.isGhost || !this.model.allowDragging) {
             return actions;
         }
@@ -4359,7 +4388,7 @@ var TabPreviewSurveyComponent = /** @class */ (function (_super) {
     return TabPreviewSurveyComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
-survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-test", function (props) {
+survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.registerElement("svc-tab-preview", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_1__.createElement(TabPreviewSurveyComponent, props);
 });
 
@@ -4745,17 +4774,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_2__.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_2__.VerticalResponsivityManager(this.toolbox.containerElement, this.toolbox);
     };
     AdaptiveToolbox.prototype.componentWillUnmount = function () {
         this.manager && (this.manager.dispose());
@@ -4782,12 +4806,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_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.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_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxTool, { item: item, creator: _this.creator, parentModel: _this.toolbox, isCompact: isCompact, key: item.renderedId });
         });
-        return result;
     };
     AdaptiveToolbox.prototype.renderCategories = function () {
         var _this = this;
@@ -4940,11 +4961,14 @@ __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_creator_core__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
-/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(survey_creator_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 _ModelElement__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../ModelElement */ "./src/ModelElement.tsx");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-dom */ "react-dom");
+/* harmony import */ var react_dom__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_dom__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-creator-core */ "survey-creator-core");
+/* harmony import */ var survey_creator_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_creator_core__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! survey-react-ui */ "survey-react-ui");
+/* harmony import */ var survey_react_ui__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _ModelElement__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../ModelElement */ "./src/ModelElement.tsx");
+
 
 
 
@@ -4954,10 +4978,12 @@ __webpack_require__.r(__webpack_exports__);
 var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__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_1__.createRef();
+        return _this;
     }
     SurveyCreatorToolboxTool.prototype.createModel = function (props) {
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__.ToolboxToolViewModel(props.item, props.creator, props.parentModel);
+        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_3__.ToolboxToolViewModel(props.item, props.creator, props.parentModel);
     };
     SurveyCreatorToolboxTool.prototype.getUpdatedModelProps = function () {
         return ["creator", "item"];
@@ -4989,22 +5015,46 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
     SurveyCreatorToolboxTool.prototype.render = function () {
         var _this = this;
         var item = this.item;
-        var itemComponent = survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement(this.model.itemComponent, {
+        var itemComponent = survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.createElement(this.model.itemComponent, {
             item: item,
             creator: this.creator,
             parentModel: this.creator.toolbox,
             model: this.model,
             isCompact: this.isCompact
         });
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.css, key: item.id },
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: item.css, key: item.id, ref: this.rootRef },
             (item.needSeparator && !this.creator.toolbox.showCategoryTitles) ? (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-toolbox__category-separator" })) : null,
             react__WEBPACK_IMPORTED_MODULE_1__.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_dom__WEBPACK_IMPORTED_MODULE_2__.flushSync) {
+                    react_dom__WEBPACK_IMPORTED_MODULE_2__.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_4__.CreatorModelElement));
+}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
 
 var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
     (0,tslib__WEBPACK_IMPORTED_MODULE_0__.__extends)(SurveyCreatorToolboxItem, _super);
@@ -5045,15 +5095,15 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
                     event.persist();
                     _this.model.click(event);
                 } },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon", title: this.item.tooltip }),
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", null, this.item.title))
             :
                 null);
-        var item = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, onClick: function (event) {
+        var item = (0,survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.item.renderedCss, tabIndex: 0, role: "button", "aria-label": this.item.tooltip, onClick: function (event) {
                 event.persist();
                 _this.model.click(event);
             } },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon" }) : null),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-toolbox__item-container" }, !!this.item.iconName ? react__WEBPACK_IMPORTED_MODULE_1__.createElement(survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.SvgIcon, { size: "auto", iconName: this.item.iconName, className: "svc-toolbox__item-icon" }) : null),
             (this.props.isCompact ?
                 null
                 :
@@ -5063,9 +5113,9 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
             banner));
     };
     return SurveyCreatorToolboxItem;
-}(_ModelElement__WEBPACK_IMPORTED_MODULE_4__.CreatorModelElement));
+}(_ModelElement__WEBPACK_IMPORTED_MODULE_5__.CreatorModelElement));
 
-survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.registerElement("svc-toolbox-item", function (props) {
+survey_react_ui__WEBPACK_IMPORTED_MODULE_4__.ReactElementFactory.Instance.registerElement("svc-toolbox-item", function (props) {
     return (0,react__WEBPACK_IMPORTED_MODULE_1__.createElement)(SurveyCreatorToolboxItem, props);
 });
 
@@ -5492,7 +5542,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.20");
+Version = "".concat("2.0.0-rc.0");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5565,7 +5615,7 @@ Version = "".concat("1.12.20");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("1.12.20"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_63__.checkLibraryVersion)("".concat("2.0.0-rc.0"), "survey-creator-react");
 
 })();