survey-creator-js 1.11.13 → 1.12.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-creator-js",
-  "version": "1.11.13",
+  "version": "1.12.1",
   "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.11.13",
-    "survey-js-ui": "1.11.13",
-    "survey-creator-core": "1.11.13",
+    "survey-core": "1.12.1",
+    "survey-js-ui": "1.12.1",
+    "survey-creator-core": "1.12.1",
     "@types/react-dom": "*",
     "@types/react": "*"
   },

package/survey-creator-js.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator UI v1.11.13
+ * SurveyJS Creator UI v1.12.1
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -287,11 +287,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 var ItemValueAdornerComponent = /** @class */ (function (_super) {
     __extends(ItemValueAdornerComponent, _super);
-    function ItemValueAdornerComponent() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function ItemValueAdornerComponent(props) {
+        var _this = _super.call(this, props) || this;
         _this.onBlur = function (event) {
             _this.model.onFocusOut(event.nativeEvent);
         };
+        _this.rootRef = react__WEBPACK_IMPORTED_MODULE_1__.createRef();
         return _this;
     }
     ItemValueAdornerComponent.prototype.createModel = function (props) {
@@ -303,6 +304,21 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
     ItemValueAdornerComponent.prototype.getStateElement = function () {
         return this.model;
     };
+    ItemValueAdornerComponent.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        this.props.item.setRootElement(this.rootRef.current);
+        if (prevProps.item !== this.props.item && prevProps.item) {
+            prevProps.item.setRootElement(undefined);
+        }
+    };
+    ItemValueAdornerComponent.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.props.item.setRootElement(this.rootRef.current);
+    };
+    ItemValueAdornerComponent.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.props.item.setRootElement(undefined);
+    };
     ItemValueAdornerComponent.prototype.render = function () {
         var _this = this;
         // if (this.model.question.isDragged) {
@@ -320,7 +336,7 @@ var ItemValueAdornerComponent = /** @class */ (function (_super) {
             this.model.allowRemove ? (0,react__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("span", { className: "svc-item-value-controls__button svc-item-value-controls__remove", "aria-label": this.model.tooltip, onClick: function () { return _this.model.remove(_this.model); } },
                 react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.SvgIcon, { size: 16, iconName: "icon-remove_16x16", title: this.model.tooltip }))) : null));
         var itemkey = this.props.element.key + (this.model.allowAdd ? "_new" : "");
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-item-value-wrapper" +
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, className: "svc-item-value-wrapper" +
                 (this.model.allowAdd ? " svc-item-value--new" : "") +
                 (this.model.isDragging ? " svc-item-value--dragging" : "") +
                 (this.model.isDragDropGhost ? " svc-item-value--ghost" : "") +
@@ -1514,7 +1530,7 @@ var SidebarComponent = /** @class */ (function (_super) {
     };
     SidebarComponent.prototype.renderElement = function () {
         var _this = this;
-        var style = { display: !this.model.visible ? "none" : "" };
+        var style = { display: !this.model.renderedIsVisible ? "none" : "" };
         var className = "svc-side-bar" + (this.model.flyoutPanelMode ? " svc-flyout-side-bar" : "");
         var items = this.model.tabs.map(function (item) { return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SidebarTab, { item: item, key: item.id }); });
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: className, style: { display: !this.model.hasVisibleTabs ? "none" : "" } },
@@ -1766,8 +1782,8 @@ var SurveyLocStringEditor = /** @class */ (function (_super) {
         var counter = this.baseModel.showCharacterCounter ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.CharacterCounterComponent, { counter: this.baseModel.characterCounter, remainingCharacterCounter: this.baseModel.getCharacterCounterClass })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.className },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "svc-string-editor__content" },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-string-editor__border", onClick: this.edit },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.SvgIcon, { className: "svc-string-editor__button svc-string-editor__button--edit", size: 16, iconName: "icon-edit" })),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--hover", onClick: this.edit }),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-string-editor__border svc-string-editor__border--focus", onClick: this.edit }),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "svc-string-editor__input" },
                     control,
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-string-editor__controls", onClick: this.edit }),
@@ -1867,7 +1883,6 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
         var creator = this.props.creator;
         if (creator.isCreatorDisposed)
             return null;
-        var creatorClassName = "svc-creator" + (this.props.creator.isMobileView ? " svc-creator--mobile" : "") + (this.props.creator.isTouch ? " svc-creator--touch" : "");
         var areaClassName = "svc-full-container svc-creator__area svc-flex-column" + (this.props.creator.haveCommercialLicense ? "" : " svc-creator__area--with-banner");
         var contentWrapperClassName = "svc-creator__content-wrapper svc-flex-row" + (this.props.creator.isMobileView ? " svc-creator__content-wrapper--footer-toolbar" : "");
         var fullContainerClassName = "svc-flex-row svc-full-container" + (" svc-creator__side-bar--" + this.creator.sidebarLocation);
@@ -1878,7 +1893,7 @@ var SurveyCreatorComponent = /** @class */ (function (_super) {
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: "svc-creator__non-commercial-text", dangerouslySetInnerHTML: htmlValue })));
         }
         //AM: width unrecognized by react
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: creatorClassName, ref: this.rootNode, style: this.style },
+        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.creator.getRootCss(), ref: this.rootNode, style: this.style },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.SvgBundleComponent, null),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: areaClassName },
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: fullContainerClassName },
@@ -2633,7 +2648,7 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var allowInteractions = this.model.element
             .isInteractiveDesignElement;
         var content = this.renderContent(allowInteractions);
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseOut: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { ref: this.rootRef, "data-sv-drop-target-survey-element": this.model.element.name || null, className: "svc-question__adorner " + this.model.rootCss(), onDoubleClick: function (e) { allowInteractions && _this.model.dblclick(e.nativeEvent); e.stopPropagation(); }, onMouseLeave: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); }, onMouseOver: function (e) { return allowInteractions && _this.model.hover(e.nativeEvent, e.currentTarget); } }, content));
     };
     QuestionAdornerComponent.prototype.disableTabStop = function () {
         return true;
@@ -2643,6 +2658,10 @@ var QuestionAdornerComponent = /** @class */ (function (_super) {
         var content = this.renderElementContent();
         //if (!allowInteractions) return <>{content}{this.renderFooter()}</>;
         return (0,react__WEBPACK_IMPORTED_MODULE_1__.attachKey2click)(react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: this.model.css(), onClick: function (e) { return _this.model.select(_this.model, new _events__WEBPACK_IMPORTED_MODULE_2__.ReactMouseEvent(e)); } },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--left" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--right" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--top" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-question__drop-indicator svc-question__drop-indicator--bottom" }),
             allowInteractions ? this.renderHeader() : null,
             content,
             this.renderFooter()), undefined, { disableTabStop: this.disableTabStop() });
@@ -3251,7 +3270,10 @@ var RowWrapper = /** @class */ (function (_super) {
         return this.model;
     };
     RowWrapper.prototype.render = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses }, this.props.element));
+        return (react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { key: "svc-row-" + this.props.row.id, className: this.model.cssClasses },
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--top" }),
+            react__WEBPACK_IMPORTED_MODULE_1__.createElement("div", { className: "svc-row__drop-indicator svc-row__drop-indicator--bottom" }),
+            this.props.element));
     };
     return RowWrapper;
 }(_ModelElement__WEBPACK_IMPORTED_MODULE_2__.CreatorModelElement));
@@ -3761,7 +3783,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! survey-core */ "survey-core");
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_57___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_57__);
 var Version;
-Version = "".concat("1.11.13");
+Version = "".concat("1.12.1");
 // import "@survey/creator/survey-creator-core.css";
 
 
@@ -3828,7 +3850,7 @@ Version = "".concat("1.11.13");
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.11.13"), "survey-creator-react");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_57__.checkLibraryVersion)("".concat("1.12.1"), "survey-creator-react");
 
 
 /***/ }),
@@ -5034,7 +5056,7 @@ var AdaptiveToolbox = /** @class */ (function (_super) {
         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 },
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { onBlur: function (e) { return _this.toolbox.focusOut(e); }, className: "svc-toolbox__panel" },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__scroller", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__scroller sv-drag-target-skipped", onScroll: function (event) { return _this.toolbox.onScroll(_this.toolbox, event); } },
                     search,
                     placeholder,
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "svc-toolbox__container" }, (this.toolbox.showInSingleCategory) ?