survey-creator-react 1.12.4 → 1.12.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-react",
-  "version": "1.12.4",
+  "version": "1.12.5",
   "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.4",
-    "survey-react-ui": "1.12.4",
-    "survey-creator-core": "1.12.4"
+    "survey-core": "1.12.5",
+    "survey-react-ui": "1.12.5",
+    "survey-creator-core": "1.12.5"
   },
   "peerDependenciesMeta": {
     "ace-builds": {

package/survey-creator-react.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator React v1.12.4
+ * SurveyJS Creator React v1.12.5
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -1476,8 +1476,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
     };
     SurveyCreatorComponent.prototype.renderSidebar = function () {
         if (!!this.creator.sidebar) {
-            var className = this.creator.isMobileView ? "sv-mobile-side-bar" : "";
-            return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className }, survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar })));
+            return survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.ReactElementFactory.Instance.createElement("svc-side-bar", { model: this.creator.sidebar });
         }
         else {
             return null;
@@ -1692,16 +1691,9 @@ var TabbedMenuItemComponent = /** @class */ (function (_super) {
     };
     TabbedMenuItemComponent.prototype.render = function () {
         var item = this.item;
-        var className = "svc-tabbed-menu-item";
-        if (item.active)
-            className += " svc-tabbed-menu-item--selected";
-        if (item.enabled !== undefined && !item.enabled)
-            className += " svc-tabbed-menu-item--disabled";
-        var titleClassName = "svc-text svc-tabbed-menu-item__text svc-text--normal";
-        if (item.active)
-            titleClassName += " svc-text--bold";
-        return ((0,survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, onClick: function () { return item.action(item); } },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: titleClassName }, item.title))));
+        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); } },
+            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)));
     };
     return TabbedMenuItemComponent;
 }(survey_react_ui__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
@@ -3450,20 +3442,21 @@ var SidebarComponent = /** @class */ (function (_super) {
     };
     SidebarComponent.prototype.renderElement = function () {
         var _this = this;
-        var style = { display: !this.model.renderedIsVisible ? "none" : "" };
-        var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
+        var style = { display: this.model.renderRoot ? "" : "none" };
+        var containerStyle = { display: this.model.renderContainer ? "" : "none" };
         var items = this.model.pages.map(function (page) { return react__WEBPACK_IMPORTED_MODULE_1__.createElement(SidebarPage, { page: page, key: page.id }); });
         var headerArea = survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(this.model.header.component, { model: this.model.header.componentModel });
         var sideArea = null;
         if (this.model.sideAreaComponentName) {
             sideArea = survey_react_ui__WEBPACK_IMPORTED_MODULE_2__.ReactElementFactory.Instance.createElement(this.model.sideAreaComponentName, { model: this.model.sideAreaComponentData });
         }
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: className, style: { display: !this.model.hasVisiblePages ? "none" : "" } },
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); } }),
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.rootCss, style: style },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__shadow", onClick: function () { return _this.model.collapseSidebar(); }, style: containerStyle }),
             react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-flex-row svc-side-bar__wrapper" },
-                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.containerRef, style: style, className: "svc-side-bar__container" },
-                    headerArea,
-                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items)),
+                react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-wrapper", style: containerStyle },
+                    react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.containerRef, className: "svc-side-bar__container" },
+                        headerArea,
+                        react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-side-bar__container-content" }, items))),
                 sideArea)));
     };
     return SidebarComponent;
@@ -4971,6 +4964,7 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
             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 },
@@ -4979,7 +4973,7 @@ var SurveyCreatorToolboxTool = /** @class */ (function (_super) {
                     event.persist();
                     _this.model.onPointerDown(event);
                 }, onMouseOver: function (event) {
-                    _this.model.onMouseOver(item, event);
+                    _this.model.onMouseOverTool(item, event);
                 }, onMouseLeave: function (event) {
                     _this.model.onMouseLeave(item, event);
                 } }, itemComponent)));
@@ -4992,10 +4986,6 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
     function SurveyCreatorToolboxItem(props) {
         return _super.call(this, props) || this;
     }
-    SurveyCreatorToolboxItem.prototype.createModel = function (props) {
-        var toolboxItem = props.item;
-        this.model = new survey_creator_core__WEBPACK_IMPORTED_MODULE_2__.ToolboxToolViewModel(toolboxItem, props.creator, props.parentModel);
-    };
     SurveyCreatorToolboxItem.prototype.getUpdatedModelProps = function () {
         return ["creator", "item"];
     };
@@ -5013,6 +5003,13 @@ var SurveyCreatorToolboxItem = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyCreatorToolboxItem.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyCreatorToolboxItem.prototype.getStateElement = function () {
         return this.model;
     };
@@ -5077,6 +5074,13 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyCreatorToolboxItemGroup.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyCreatorToolboxItemGroup.prototype, "creator", {
         get: function () {
             return this.props.creator;
@@ -5102,8 +5106,11 @@ var SurveyCreatorToolboxItemGroup = /** @class */ (function (_super) {
         return this.item;
     };
     SurveyCreatorToolboxItemGroup.prototype.render = function () {
+        var _this = this;
         return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment, null,
-            react__WEBPACK_IMPORTED_MODULE_1__.createElement(_ToolboxItem__WEBPACK_IMPORTED_MODULE_4__.SurveyCreatorToolboxItem, { item: this.item, creator: this.creator, parentModel: this.parentModel, isCompact: this.isCompact }),
+            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: 24, 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 }));
     };
     return SurveyCreatorToolboxItemGroup;
@@ -5300,6 +5307,8 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_survey_react_ui__;
 /******/ 	
 /************************************************************************/
 var __webpack_exports__ = {};
+// This entry need to be wrapped in an IIFE because it need to be isolated against other modules in the chunk.
+(() => {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
@@ -5450,7 +5459,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.4");
+Version = "".concat("1.12.5");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -5524,7 +5533,9 @@ Version = "".concat("1.12.4");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.4"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_64__.checkLibraryVersion)("".concat("1.12.5"), "survey-creator-react");
+
+})();
 
 /******/ 	return __webpack_exports__;
 /******/ })()